/* Jure Progress · capa común de accesibilidad y robustez.
   Se carga DESPUÉS del CSS de cada sitio. No rediseña: solo corrige defectos medidos en la auditoría
   (contraste, foco, salto al contenido, desbordamientos, objetivos táctiles). Selectores de baja
   especificidad (:where) siempre que es posible, para que el diseño existente mande. */

/* Saltar al contenido: invisible hasta recibir foco con teclado */
.jp-skip{position:absolute;left:12px;top:-200px;z-index:10000;padding:12px 18px;border-radius:10px;
  background:#061526;color:#fff;font:700 15px/1.2 Inter,system-ui,sans-serif;text-decoration:none;
  box-shadow:0 0 0 3px #f1d27b}
.jp-skip:focus{top:12px}

/* Foco visible y con contraste en fondos claros y oscuros (doble anillo navy + dorado claro) */
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:2px solid #061526;outline-offset:2px;box-shadow:0 0 0 5px #f1d27b}
:where(main){scroll-margin-top:96px}
:where([id]){scroll-margin-top:96px}

/* Imágenes con width/height explícitos: conservan la proporción y reservan espacio (CLS) */
:where(img[width][height]){height:auto}

/* .com · lema bajo el logotipo: #ad8a4b (3.07:1) → tinta dorada 6.0:1 sobre crema */
.nav .brand span{color:#7a5a19!important;opacity:1!important}

/* Honeypot de formularios: fuera de la vista y del árbol de accesibilidad */
.jp-hp{display:none!important}

/* Dirección sin enlace mientras no exista la URL verificada del perfil de Google */
.jp-addr{cursor:text}

/* Control para pausar el video del hero (WCAG 2.2.2) */
.jp-vctl{position:absolute;right:20px;bottom:20px;z-index:5;display:inline-flex;align-items:center;gap:8px;
  min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.45);
  background:rgba(6,21,38,.62);color:#fff;font:700 14px/1 Inter,system-ui,sans-serif;cursor:pointer;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.jp-vctl:hover{background:rgba(6,21,38,.82)}
.jp-vctl svg{width:14px;height:14px;fill:currentColor}
@media (max-width:680px){.jp-vctl{right:12px;bottom:12px;min-height:40px;padding:0 13px;font-size:13px}}

/* Objetivos táctiles mínimos en navegación y pie (WCAG 2.5.8: 24 px) */
:where(.footer,footer) :where(a){display:inline-block;min-height:24px}
:where(.nav .links,.navlinks) :where(a){min-height:24px}

/* .legal · subtítulo de marca: #c9a227 (2.37:1) → tinta dorada 6.7:1 sobre crema */
header .brand-title small{color:#6f5810!important;opacity:1!important}
/* .com · etiqueta del directorio de episodios: #9b7227 (4.17:1) → 6.1:1 */
.epd-head .pill{color:#7a5a19!important}

/* Índices de artículos y del aviso de privacidad: sin desbordamiento horizontal en móvil */
@media (max-width:920px){
  .article-layout,.legal-readable .legal-shell{grid-template-columns:minmax(0,1fr)!important}
  .article-layout>*,.legal-shell>*{min-width:0}
  .toc{max-width:100%;min-width:0}
  .toc a,.legal-readable article{overflow-wrap:anywhere}
}

/* Objetivos táctiles de 24 px como mínimo */
.ep-more,.ep-player__links a{display:inline-flex;align-items:center;min-height:24px}
.check input[type=checkbox]{width:24px;height:24px}
h3>a{display:inline-block;min-height:24px}

/* .legal · la navegación de escritorio se salía del contenedor (botón "Agendar" cortado a 1280–1440 px) */
@media (min-width:1241px){
  header>.wrap.nav{gap:20px}
  header>.wrap.nav .brand{min-width:0}
  header>.wrap.nav .navlinks{gap:10px;font-size:.86rem}
}

/* .legal · etiquetas doradas sobre fondos claros: #c9a227 (2.2–2.4:1) → 6.3–6.8:1 */
#areas .kicker,.practice .kicker,.process .kicker,.split>.section-head>.kicker,.embed-section .kicker,
.contact-form-shell .kicker,.contact-card .label,.contact-card .kicker{color:#6f5810!important}
.embed-section .sub,.practice .sub,.process .sub,.split .sub,.contact-form-shell .sub{color:#56607a!important}
.contact-card a{display:inline-block;min-height:24px}
form input[type=checkbox]{min-width:24px;min-height:24px}
.coverage-grid .kicker{color:#6f5810!important}
/* Botones con textos largos dentro de artículos: pueden partir línea en móvil */
.article-block .btn{white-space:normal;max-width:100%;text-align:center;line-height:1.25}
