/* Menú principal (Servicios · Casos de éxito · Recursos · botón). Compartido por todas las páginas con .tw-desktop-nav.
   Los desplegables se abren con :hover / :focus-within (sin estado de la plantilla), así funciona igual en cada página.
   Al salir esperan 0,3 s antes de cerrarse (visibility con retraso) y el ::before cubre el hueco hasta el botón. */
.tw-nav-pill .tw-ddp{opacity:0;visibility:hidden;transition:opacity .18s ease .12s,visibility 0s linear .3s}
.tw-nav-pill .tw-dd:hover>.tw-ddp,.tw-nav-pill .tw-dd:focus-within>.tw-ddp{opacity:1;visibility:visible;transition:opacity .18s ease,visibility 0s}
.tw-nav-pill .tw-ddp::before{content:"";position:absolute;left:0;right:0;top:-32px;height:32px}
@media (min-width:1181px) and (max-width:1300px){.tw-nav-pill{gap:20px!important}}
/* Botón del menú: mismo degradado que el botón principal del hero */
.tw-navcta{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:999px;font-size:15px;font-weight:700;color:#fff!important;text-decoration:none;white-space:nowrap;background:linear-gradient(95deg,#FCBC0E 0%,#FF8A00 100%);box-shadow:0 8px 24px -10px rgba(252,188,14,.7);transition:filter .2s}
.tw-navcta:hover{filter:brightness(1.06)}
/* Menú móvil: botón arriba y acordeones */
.tw-mobile-nav-panel a.tw-navcta{margin:10px 0 8px;padding:13px 20px;border-bottom:0;font-size:15px;display:flex}
.tw-mnav{border-bottom:1px solid rgba(255,255,255,0.08)}
.tw-mnav summary{list-style:none;cursor:pointer;color:#fff;font-size:14px;font-weight:500;padding:8px 4px;display:flex;justify-content:space-between;align-items:center}
.tw-mnav summary::-webkit-details-marker{display:none}
.tw-mnav summary::after{content:"";width:7px;height:7px;border-right:2px solid rgba(255,255,255,.7);border-bottom:2px solid rgba(255,255,255,.7);transform:rotate(45deg);margin-right:6px;transition:transform .2s}
.tw-mnav[open] summary::after{transform:rotate(-135deg)}
.tw-mobile-nav-panel .tw-mnav a{padding:7px 4px 7px 16px;color:rgba(255,255,255,.75);border-bottom:0}
.tw-mnav .tw-mnav-h{display:block;color:rgb(141,141,255);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:10px 4px 2px 16px}
/* Mismo tamaño de letra en todas las páginas (Biblioteca trae estilos propios más grandes) */
.tw-mobile-nav-panel>a:not(.tw-navcta),.tw-mobile-nav-panel .tw-mnav summary{font-size:14px!important;font-weight:500!important;color:#fff!important;padding:9px 4px!important}
.tw-mobile-nav-panel .tw-mnav a{font-size:14px!important;font-weight:500!important;padding:7px 4px 7px 16px!important;color:rgba(255,255,255,.75)!important;border-bottom:0!important}
.tw-mobile-nav-panel a.tw-navcta{font-size:15px!important;padding:13px 20px!important}
/* Home: la barra de cupos ocupa 2 líneas en móvil y empuja el logo; el panel arranca debajo del logo */
@media (max-width:1180px){.tw-topcamp~.tw-hero-canvas .tw-mobile-nav-panel{top:150px}}