/* ════════════════════════════════════════════════════════════════ derechos.css — página "Derechos del pasajero" (/derechos-del-pasajero) ──────────────────────────────────────────────────────────────── Implementación del mockup APROBADO derechos-final-v18.html (3-jul-2026). Se carga DESPUÉS de base.css y home.css: el carrusel (why-, type-), la FAQ (faq-*), el proceso (section-how/how-*) y la CTA (section-cta) vienen del home; aquí solo vive lo propio de la página (scope .dp) y las desviaciones aprobadas sobre esos componentes. Hoja limpia: nada de !important (la especificidad la da el scope). ==================================================================== */ /* ── Página ── overflow-x:hidden de base.css rompe position:sticky (trampa conocida, ver legal.php): clip recorta igual sin crear contenedor de scroll. El navbar se queda en flujo como en legal (no acompaña al bajar); el menú móvil (.navbar.menu-open, 2 clases) gana por especificidad. */ html, body { overflow-x: clip; } /* En flujo (no acompaña al bajar, como el home) pero POSICIONADO: con static el z-index:100 no aplica y el backdrop-filter del navbar crea un stacking context a nivel auto → el hero (z-index:1) se pintaba ENCIMA del dropdown "Conoce tus derechos". relative mantiene el flujo y devuelve el menú a su plano. */ .navbar { position: relative; z-index: 100; } .dp section { scroll-margin-top: 124px; } /* ── Migas de pan — FUENTE ÚNICA ────────────────────────────────── La usan las 11 páginas con