/* ==========================================================
   NOTIFICACIONES POR AVISO
   ========================================================== */

.notificaciones-page {
  padding-top: 2rem;
  padding-bottom: 3rem;
}

.notificaciones-intro {
  margin-bottom: 2rem;
  font-size: 0.95rem;
  color: #333;
  line-height: 1.6;
}

.notificaciones-intro p {
  margin: 0;
}

/* --- Each notification item --- */
.notificacion-item {
  border-bottom: 1px solid #707070;
  padding: 1.5rem 0;
}

.notificacion-item:first-child {
  padding-top: 0;
}

.notificacion-item:last-child {
  border-bottom: 1px solid #707070;
}

.notificacion-body {
  font-size: 1rem;
  line-height: 2;
  color: #4b4b4b;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.notificacion-body p {
  margin-bottom: 0.5rem;
}

.notificacion-body strong {
  color: #0943b5;
  font-weight: 700;
}

.notificacion-body a {
  color: #0943b5;
  text-decoration: underline;
}

.notificacion-body a:hover {
  color: #072d7a;
}

/* --- Empty state --- */
.notificaciones-empty {
  text-align: center;
  padding: 3rem 1rem;
  color: #777;
  font-size: 1rem;
}

/* --- Responsive --- */
@media (max-width: 576px) {
  .notificacion-body {
    font-size: 0.9rem;
  }
}