/* Ayuda en video · © 2026 Raúl Reynoso */
.ah-modo{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:var(--ayv-papel-2,#E3F3FC);border:1px solid var(--ayv-linea,#D9E5F8)}
.ah-modo button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border:0;border-radius:999px;background:transparent;color:var(--ayv-marino-2,#3D5378);font:600 15px/1 var(--ayv-font,system-ui);cursor:pointer}
.ah-modo button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.ah-modo button[aria-checked="true"]{background:var(--ayv-marino,#142B4F);color:var(--ayv-papel,#F2FAFF)}
.ah-modo button:focus-visible{outline:3px solid var(--ayv-coral,#FF6F61);outline-offset:2px}
.ah-modo-lista{margin:0 0 18px}

.ah-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:18px}
.ah-card{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:var(--ayv-blanco,#fff);border:1px solid var(--ayv-linea,#D9E5F8);box-shadow:0 18px 40px -30px rgba(20,43,79,.45)}
.ah-thumb{position:relative;display:block;padding:0;border:0;background:var(--ayv-marino,#142B4F);cursor:pointer;aspect-ratio:16/9;overflow:hidden}
.ah-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.ah-thumb:hover img{transform:scale(1.03)}
.ah-thumb:focus-visible{outline:3px solid var(--ayv-coral,#FF6F61);outline-offset:-3px}
.ah-play{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:var(--ayv-coral,#FF6F61);color:var(--ayv-marino,#142B4F);display:grid;place-items:center;box-shadow:0 10px 30px -8px rgba(20,43,79,.6)}
.ah-play svg{width:28px;height:28px;margin-left:3px}
.ah-dur{position:absolute;right:12px;bottom:12px;padding:4px 10px;border-radius:999px;background:rgba(20,43,79,.82);color:#fff;font:700 13px/1.2 var(--ayv-font,system-ui);font-variant-numeric:tabular-nums}
.ah-txt{padding:16px 18px 20px}
.ah-txt h3{margin:4px 0 6px;font:800 20px/1.15 var(--ayv-font,system-ui);font-stretch:90%;letter-spacing:-.02em;color:var(--ayv-marino,#142B4F)}
.ah-txt p{margin:0;font:400 15px/1.5 var(--ayv-font,system-ui);color:var(--ayv-marino-2,#3D5378)}
.ah-k{margin:0;font:600 12px/1.2 var(--ayv-font,system-ui);font-stretch:75%;letter-spacing:.14em;text-transform:uppercase;color:var(--ayv-menta-tinta,#0B7A62)}

.ah-dlg{width:min(1080px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:22px;background:var(--ayv-blanco,#fff);color:var(--ayv-marino,#142B4F);box-shadow:0 40px 90px -30px rgba(20,43,79,.6);overflow:auto}
.ah-dlg::backdrop{background:rgba(20,43,79,.55)}
.ah-cab{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px 12px}
.ah-t{margin:4px 0 0;font:800 24px/1.1 var(--ayv-font,system-ui);font-stretch:90%;letter-spacing:-.02em}
.ah-cerrar{flex:none;width:44px;height:44px;border-radius:50%;border:0;background:var(--ayv-papel-2,#E3F3FC);color:var(--ayv-marino,#142B4F);display:grid;place-items:center;cursor:pointer}
.ah-cerrar svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.ah-video{background:#0B1730}
.ah-video video{display:block;width:100%;aspect-ratio:16/9;background:#0B1730}
.ah-pie{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 20px 18px}
.ah-nota{margin:0;font:400 13px/1.4 var(--ayv-font,system-ui);color:var(--ayv-marino-3,#6B7FA0)}

/* Enlace corto dentro de otras tarjetas (Cómo pagar, Entrar, Banco, Hoy) */
.ah-link{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:999px;border:1.5px solid var(--ayv-linea-2,#B9C9E0);background:var(--ayv-blanco,#fff);color:var(--ayv-marino,#142B4F);font:600 14px/1 var(--ayv-font,system-ui);cursor:pointer;text-decoration:none}
.ah-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.ah-link:hover{border-color:var(--ayv-marino,#142B4F)}
.ah-link:focus-visible{outline:3px solid var(--ayv-coral,#FF6F61);outline-offset:2px}

@media (max-width:560px){
  .ah-t{font-size:20px}
  .ah-pie{flex-direction:column;align-items:stretch}
  .ah-pie .ah-modo{justify-content:center}
  .ah-modo button{flex:1;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.ah-thumb img{transition:none}}
.pg-ayuda{margin-top:12px}
.ent-ayuda{margin:4px 0 10px}
.card-cab .ah-mini{margin-left:auto;min-height:34px;font-size:13px;padding:0 12px}
.card-cab .ah-mini,.ah-link{white-space:nowrap}
@media (max-width:560px){.card-cab:has(.ah-mini){flex-wrap:wrap}.card-cab .ah-mini{margin-left:0}}

/* ---------- Centro de ayuda ---------- */
.ah-aviso{display:flex;align-items:center;gap:12px;margin:0 0 22px;padding:14px 18px;border-radius:16px;background:var(--ayv-papel-2,#E3F3FC);border:1px solid var(--ayv-linea,#D9E5F8);color:var(--ayv-marino,#142B4F);font:500 15px/1.45 var(--ayv-font,system-ui);max-width:860px}
.ah-aviso svg{flex:none;width:24px;height:24px;fill:none;stroke:var(--ayv-menta-tinta,#0B7A62);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.ah-aviso a{color:inherit;font-weight:700}
.ah-centro-sel{margin:0 0 6px}
.ah-tema{margin:22px 0 0}
.ah-tema-t{margin:0 0 12px;font:800 22px/1.15 var(--ayv-font,system-ui);font-stretch:90%;letter-spacing:-.02em;color:var(--ayv-marino,#142B4F)}
.ah-destacada .ah-lista{grid-template-columns:1fr}
@media (min-width:900px){
  .ah-destacada .ah-card{flex-direction:row;align-items:stretch}
  .ah-destacada .ah-thumb{flex:0 0 58%}
  .ah-destacada .ah-txt{align-self:center;padding:22px 26px}
  .ah-destacada .ah-txt h3{font-size:26px}
}
.ah-faq details{border-bottom:1px solid var(--ayv-linea,#D9E5F8);padding:4px 0}
.ah-faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 2px;font:700 17px/1.3 var(--ayv-font,system-ui);color:var(--ayv-marino,#142B4F)}
.ah-faq summary::-webkit-details-marker{display:none}
.ah-faq summary::after{content:"+";flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--ayv-papel-2,#E3F3FC);font-weight:700;color:var(--ayv-marino,#142B4F)}
.ah-faq details[open] summary::after{content:"–"}
.ah-faq p{margin:0 0 14px;max-width:760px;font:400 16px/1.55 var(--ayv-font,system-ui);color:var(--ayv-marino-2,#3D5378)}
.ah-nota a{color:inherit;font-weight:700}

/* Botones de ayuda en las secciones de la página del viajero */
.sec-head .sec-ayuda{margin-top:12px}
.hero-actions .hero-ayuda{min-height:40px}
.foot-ayuda{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px auto 0;max-width:640px;padding:10px 16px;border-radius:14px;background:var(--ayv-papel-2,#E3F3FC);color:var(--ayv-marino-2,#3D5378);font-size:.9rem;line-height:1.4;text-align:left}
.foot-ayuda svg{flex:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.foot-ayuda a{color:var(--ayv-marino,#142B4F);font-weight:700}