/* ══════════════════════════════════════════════════════════════════════
   ESECE · Capa de accesibilidad compartida
   Se carga la última en todas las páginas para poder corregir sin tocar
   los estilos incrustados de cada fichero.
   ══════════════════════════════════════════════════════════════════════ */

/* ── 1. Saltar al contenido ────────────────────────────────────────────
   Visible solo al recibir foco con teclado. */
.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 10001;
  padding: 0.85rem 1.4rem;
  background: #1a3a2e;
  color: #fff;
  font-family: 'Outfit', sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border-radius: 0 0 6px 0;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.28);
}
.skip-link:focus,
.skip-link:focus-visible {
  left: 0;
  top: 0;
  outline: 2px solid #e2c28a;
  outline-offset: -4px;
}

/* El ancla de destino no debe quedar tapada por el nav fijo. */
#main-content { scroll-margin-top: 90px; }
/* Foco programático sobre <main> sin marco extra. */
#main-content:focus { outline: none; }

/* ── 2. Contraste del dorado sobre fondos claros ───────────────────────
   #c9a96e sobre crema/blanco da 2.2:1 (WCAG AA pide 4.5:1 en texto normal
   y 3:1 en texto grande). --oro-text (#806329) ya existe en :root de todas
   las páginas y cumple. Solo se corrigen los casos medidos sobre fondo
   claro; el dorado sobre verde/tinta se mantiene intacto. */
.bcard .bcard-meta strong,
.sc-expand-cols h3,
.sc-lnks .sc-lnk,
.sc-lnks .sc-lnk-primary,
.tool-card .tool-card-tag,
.intro h2 em,
.pg-gracias h1 em,
.pg-gracias p.tag {
  color: var(--oro-text, #806329);
}

/* Las estrellas de los testimonios son decorativas pero deben leerse
   sobre la tarjeta blanca. */
.tcard .tcard-stars { color: #a9822f; }

/* ── 3. Áreas táctiles (WCAG 2.2 · 2.5.8 Target Size, mínimo 24×24) ────
   Solo en dispositivos táctiles, para no alterar el diseño en escritorio. */
@media (pointer: coarse) {
  footer .fcol ul a,
  footer .flegal a,
  footer .fbot a,
  .breadcrumb a {
    display: inline-block;
    min-height: 24px;
    padding-block: 0.3rem;
  }
  .nav-links a,
  #mob-nav-links a {
    min-height: 24px;
  }
}

/* ── 4. Foco visible garantizado ───────────────────────────────────────
   Algunas páginas no definen :focus-visible; esto lo cubre en todas. */
a:focus-visible,
button:focus-visible,
summary:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid #806329;
  outline-offset: 3px;
  border-radius: 2px;
}

/* ── 5. Menú móvil: cerrar con Esc necesita que el botón sea alcanzable ─ */
.nav-burger[aria-expanded="true"] { position: relative; z-index: 1001; }