/*
 * a11y.css — Correcciones de contraste WCAG 2.1 AA
 *
 * NO modifica el CSS del tema (themes/navigator-hugo/static/css/style.css).
 * Este fichero se carga DESPUÉS de style.css y sobreescribe solo los valores
 * que no alcanzan la ratio mínima de 4.5:1 (texto normal) o 3:1 (texto grande).
 *
 * Herramienta de referencia: https://webaim.org/resources/contrastchecker/
 *
 * Paleta de corrección — tonos preservados, mínimo oscurecimiento necesario:
 *   Gris neutro muted:  #777 / #848484 / #888 / #999  →  #767676  (4.54:1 sobre #fff)
 *   Azul-gris nav:      #707d8f sobre #1f2532           →  #9aabb9  (5.04:1 sobre #1f2532)
 */

/* ─────────────────────────────────────────────────────────────────────────────
   1. Comillas de blockquote — decorador grande (60px bold)
   Original: #999 → ratio 2.85:1 sobre #fff  → FALLA
   Fix: #767676 → ratio 4.54:1               → PASA
   ───────────────────────────────────────────────────────────────────────────── */
blockquote::before {
  color: #767676 !important;
}

/* ─────────────────────────────────────────────────────────────────────────────
   2. Subtítulos de sección (.title p)
   Original: #848484 → ratio 3.94:1 sobre #fff  → FALLA
   Fix: #767676 → ratio 4.54:1                  → PASA
   ───────────────────────────────────────────────────────────────────────────── */
.title p {
  color: #767676 !important;
}

/* ─────────────────────────────────────────────────────────────────────────────
   3. Clase utilitaria .color-gray y usos de #777 en secciones de servicios,
      equipo y filtros del portfolio
   Original: #777 → ratio 4.48:1 sobre #fff  → FALLA (0.02 por debajo del mínimo)
   Fix: #767676 → ratio 4.54:1               → PASA
   ───────────────────────────────────────────────────────────────────────────── */
.color-gray,
.services .service-block p,
.team-member .member-content p,
.portfolio-filter button {
  color: #767676 !important;
}

/* ─────────────────────────────────────────────────────────────────────────────
   4. Meta de posts (fecha, autor) en listados y comentarios
   Original: #888 → ratio 3.55:1 sobre #fff  → FALLA
   Fix: #767676 → ratio 4.54:1               → PASA
   ───────────────────────────────────────────────────────────────────────────── */
.post-item .post-meta,
.post-meta,
.comment-wrap .media .comment-meta {
  color: #767676 !important;
}

/* ─────────────────────────────────────────────────────────────────────────────
   5. Links del navbar sobre fondo marino #1f2532
   Original: #707d8f → ratio 3.43:1 sobre #1f2532  → FALLA
   Fix: #9aabb9 → ratio 5.04:1 sobre #1f2532        → PASA
   Mismo tono azul-gris frío, simplemente más claro.
   ───────────────────────────────────────────────────────────────────────────── */
.navigation .navbar-nav > li > a {
  color: #9aabb9 !important;
}
/* El estado hover/active/focus usa #f0326b que ya pasa sobre #1f2532 (5.57:1) */

/* ─────────────────────────────────────────────────────────────────────────────
   6. Paginación responsive — evita scroll horizontal en móvil
   El tema define font-size:20px y margin:0 5px en .pagination li sin
   flex-wrap. Los botones «primera» y «última» se ocultan en móvil via
   las clases Bootstrap d-none d-sm-block definidas en el template override.
   ───────────────────────────────────────────────────────────────────────────── */
.pagination {
  flex-wrap: wrap;
  row-gap: 6px;
}

@media (max-width: 575.98px) {
  .pagination li {
    margin: 0 3px;
    font-size: 16px;
  }

  /* Ocultar botones primera/última página en móvil */
  .pagination .pag-boundary {
    display: none;
  }
}

.blog img {
  width: 100% !important;
}

.post-thumb {
  aspect-ratio: 2 / 1;
  overflow: hidden;
}

.post-item {
  display: flex;
  flex-direction: column;
}

.post-content {
  flex: 1;
}

.post-item .btn-main {
  margin-top: auto;
}

.section {
  min-height: auto;
}

.blog-single.section {
  min-height: auto;
}