/* TerMar — navegación premium y cine 24h. CSS sin dependencias de pago. */
:root{--premium-blue:#1766ac;--premium-navy:#072544;--premium-shadow:0 18px 45px rgba(6,36,68,.17)}
html{scroll-padding-top:105px}
#inicio,#nosotros,#servicios,#operaciones,#finanzas,#noticias,#cotizar,.service-card{scroll-margin-top:112px}
.header{backdrop-filter:saturate(155%) blur(14px);-webkit-backdrop-filter:saturate(155%) blur(14px);background:rgba(255,255,255,.97);transition:box-shadow .25s,background .25s}
.header.premium-scrolled{box-shadow:0 12px 35px rgba(3,35,75,.16);background:rgba(255,255,255,.94)}
.header .premium-links{gap:clamp(6px,1vw,16px)}
.header .premium-links>a,.premium-services-nav>a{position:relative;display:inline-flex;align-items:center;min-height:45px;padding:8px 7px;border-radius:8px;transition:color .23s,background .23s,transform .23s}
.header .premium-links>a::after,.premium-services-nav>a::after{content:"";position:absolute;left:8px;right:8px;bottom:4px;height:3px;border-radius:6px;background:linear-gradient(90deg,#1766ac,#6db6e7);transform:scaleX(0);transform-origin:left;transition:transform .26s ease}
.header .premium-links>a:hover,.premium-services-nav>a:hover,.header .premium-links>a.is-current,.premium-services-nav>a.is-current{color:var(--premium-blue);background:#ebf4fc}
.header .premium-links>a:hover::after,.premium-services-nav>a:hover::after,.header .premium-links>a.is-current::after,.premium-services-nav>a.is-current::after{transform:scaleX(1)}
.premium-services-nav{position:relative;display:flex;align-items:center;gap:0}
.premium-services-toggle{border:0;background:#e7f2fc;color:#1c5487;width:25px;height:28px;border-radius:8px;font-size:22px;line-height:1;cursor:pointer;transition:transform .23s,background .23s}
.premium-services-toggle[aria-expanded=true]{transform:rotate(180deg);background:#cce5fa}
.premium-services-dropdown{position:absolute;top:calc(100% + 8px);left:0;width:min(390px,90vw);background:#fff;border:1px solid #d0e1f1;border-radius:16px;padding:10px;box-shadow:var(--premium-shadow);display:grid;gap:2px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-9px) scale(.985);transform-origin:top left;transition:opacity .2s,transform .2s,visibility .2s;z-index:55}
.premium-services-nav:hover .premium-services-dropdown,.premium-services-nav:focus-within .premium-services-dropdown,.premium-services-nav.menu-open .premium-services-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}
.premium-services-dropdown a{display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:650;color:#123a61;border-radius:9px;padding:11px 12px;min-height:42px;transition:background .2s,transform .2s}
.premium-services-dropdown a:hover,.premium-services-dropdown a:focus-visible{background:#e6f3fd;transform:translateX(3px);color:#0859a0}
.premium-menu-index{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;background:#edf5fc;border-radius:7px;font-size:.74rem;color:#2c70a9}
.premium-mobile-menu{display:none;width:44px;height:44px;border:1px solid #c3d9ed;background:#f0f7fd;border-radius:12px;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}
.premium-mobile-menu span{display:block;background:#174e86;width:22px;height:2px;border-radius:3px;transition:transform .25s,opacity .25s}
.premium-mobile-menu[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.premium-mobile-menu[aria-expanded=true] span:nth-child(2){opacity:0}
.premium-mobile-menu[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
/* Capas para dos videos a tamaño natural, con fondo difuminado en la misma secuencia. */
.hero{background-color:#06233f}
.hero .premium-video-stage{position:absolute;inset:0;z-index:-4;overflow:hidden;pointer-events:none}
.premium-video-clip{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1.45s ease,visibility 1.45s;overflow:hidden;background:#0b2a49}
.premium-video-clip.is-active{opacity:1;visibility:visible}
.premium-video-blur{position:absolute;inset:-13%;background:linear-gradient(100deg,#09264366,#09264322),url('assets/videos/transporte-poster.webp') center/cover no-repeat;filter:blur(34px) saturate(1.12) brightness(.67);transform:scale(1.15)}
.premium-video-clip video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center center;display:block;background:transparent}
.hero .premium-light-cycle{position:absolute;inset:0;z-index:-3;pointer-events:none;background:linear-gradient(115deg,rgba(255,176,70,.16),rgba(248,181,95,.015) 68%),linear-gradient(0deg,transparent,rgba(12,46,88,.04));mix-blend-mode:screen;animation:premium-daynight 33s ease-in-out infinite}
.hero .hero-overlay{z-index:-2!important;background:linear-gradient(90deg,rgba(3,22,46,.83) 0%,rgba(4,26,50,.55) 52%,rgba(4,22,45,.29) 100%)}
.hero .hero-watermark{z-index:-1!important;opacity:.2;pointer-events:none}
.hero .hero-inner{z-index:2}
.hero .video-controls{z-index:3;max-width:72%;align-items:center}
.premium-video-caption{position:absolute;bottom:78px;right:4%;z-index:3;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#f0f6ff;text-shadow:0 2px 10px #091e39bf;pointer-events:none;text-align:right}
@keyframes premium-daynight{
  0%,100%{opacity:.72;filter:hue-rotate(-8deg);background:linear-gradient(104deg,rgba(255,168,62,.31),rgba(255,197,117,.07) 55%,transparent)}
  27%{opacity:.28;filter:hue-rotate(0);background:linear-gradient(105deg,rgba(244,214,130,.08),transparent 70%)}
  60%,75%{opacity:.8;filter:hue-rotate(12deg);background:linear-gradient(95deg,rgba(12,38,87,.38),rgba(24,61,122,.19) 76%,rgba(17,44,80,.12))}
}
/* Entrada de secciones solo cuando el visitante eligió idioma y hay JS/observador. */
@media(prefers-reduced-motion:no-preference){
 html.premium-entrances .premium-enter{opacity:0;transform:translateY(27px);filter:blur(3px);transition:opacity .68s ease,transform .68s cubic-bezier(.18,.7,.2,1),filter .68s ease}
 html.premium-entrances .premium-enter.is-revealed{opacity:1;transform:none;filter:none}
 .service-card:hover{transform:translateY(-6px);box-shadow:0 20px 36px #10395821}
 .service-card{transition:transform .28s,box-shadow .28s}
 .premium-services-dropdown{will-change:transform}
}
@media(max-width:1100px){
 .header .container.nav{flex-wrap:wrap;justify-content:space-between;gap:12px;padding:12px 0}
 .header .premium-mobile-menu{display:inline-flex;order:3}
 .header #language{order:2;margin-left:auto;max-width:126px}
 .header .premium-links{display:none;order:4;flex:0 0 100%;width:100%;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;padding:10px;background:white;border:1px solid #d8e6f3;border-radius:14px;box-shadow:0 14px 28px #001e3617}
 .header.premium-mobile-open .premium-links{display:flex}
 .header .premium-links>a,.header .premium-services-nav>a{width:100%;padding:10px;min-height:42px}
 .premium-services-nav{flex-wrap:wrap}
 .premium-services-toggle{position:absolute;right:8px;top:6px;width:35px;height:34px}
 .premium-services-dropdown{display:none;position:static;transform:none!important;opacity:1;visibility:visible;pointer-events:auto;width:100%;box-shadow:none;border-radius:10px;margin-top:4px}
 .premium-services-nav.menu-open .premium-services-dropdown{display:grid}
 .header .premium-links:not(.foo){padding-bottom:10px}
}
@media(max-width:640px){
 .header .container.nav{gap:6px;padding:6px 0}
 .header .brand img{width:65px;height:49px}
 .header #language{font-size:.8rem;padding:7px 4px}
 .premium-video-caption{font-size:9px;bottom:105px;right:16px;left:16px;text-align:center}
 .hero .video-controls{max-width:94%;right:3%;left:3%;justify-content:center}
 .hero .hero-inner{padding-bottom:158px}
 .hero .hero-watermark{width:52vw;opacity:.13}
}
@media(prefers-reduced-motion:reduce){
 .premium-video-clip,.premium-services-dropdown,.premium-mobile-menu span,.premium-services-nav>a,.premium-services-toggle{transition:none!important}
 .hero .premium-light-cycle{animation:none!important;opacity:.16}
 html.premium-entrances .premium-enter{opacity:1!important;transform:none!important;filter:none!important}
}

/* Imagen fija real al ocultar los videos, sin distorsión. */
.hero .premium-video-stage.is-still .premium-video-clip video{visibility:hidden}
.hero .premium-video-stage.is-still .premium-video-clip .premium-video-blur{inset:0;filter:none;transform:none;background-size:cover;background-position:center}

/* Accesibilidad en pantallas especialmente estrechas. */
@media(max-width:380px){
 .header .container.nav{gap:3px}
 .header .brand{flex-shrink:1;min-width:0;gap:5px}
 .header .brand img{width:48px;height:40px}
 .header .brand strong{font-size:.85rem}
 .header .brand small{display:none}
 .header #language{max-width:94px;font-size:.71rem}
 .header .premium-mobile-menu{width:38px;height:38px;flex-shrink:0}
 .header .premium-links{min-width:0}
}
/* Corrección de ancho para etiquetas financieras en teléfonos de 320 px. */
.finance-grid,.finance-card,.finance-row,.finance-value,.finance-rows{min-width:0;max-width:100%}
.finance-value{flex:1 1 auto}
.finance-state{white-space:normal!important;max-width:100%;overflow-wrap:anywhere;text-align:center}
.finance-row>span,.finance-row>.finance-label{min-width:0}