/* Leizer A11y + Mobile safeguards (compartido entre tenants).
* Incluir en de cada página HTML pública:
*
*
* Resuelve:
* - WCAG 2.4.1 Bypass Blocks → skip-link al landmark .
* - WCAG 1.4.10 Reflow → previene scroll horizontal en móvil.
* - WCAG 2.5.5 Target Size → tap targets mínimos 44px en footer/nav móvil.
* - LCP/CLS → containers nunca expanden más allá del viewport.
*
* El brand-color del skip-link se hereda de --orange (--lz-orange como fallback).
*/
.skip-link {
position: absolute;
top: -40px;
left: 0;
background: var(--orange, var(--lz-orange, #f26b1f));
color: #fff;
padding: 10px 16px;
z-index: 1000;
text-decoration: none;
font-weight: 600;
border-radius: 0 0 8px 0;
transition: top .2s;
}
.skip-link:focus {
top: 0;
outline: 3px solid #fff;
outline-offset: 2px;
}
/* main como landmark con foco programable (tabindex="-1") */
main { outline: none; }
/* Defensa contra overflow horizontal — no rompe sticky/position */
html, body { overflow-x: clip; max-width: 100vw; }
section, header, footer, .hero, .trust, .cta-wrap { min-width: 0; }
/* Tap targets WCAG en footer/nav (mobile) */
@media (max-width: 900px) {
.footer-col a, .footer-bottom a {
display: inline-block;
padding: 8px 0;
min-height: 44px;
line-height: 1.3;
}
.footer-col ul { gap: 4px; }
.nav a { padding: 10px 0; min-height: 44px; }
}