/* Marca de Pegaso Chartering. ÚNICA fuente de colores, tipografías y medidas: el resto del código solo usa var(--…).
   Style de GetLayers comprometido: Aerra (claro, fotografía primero, vidrio esmerilado, resortes; ver getlayers.json),
   re-vestido con la paleta de Pegaso: el azul de su vela (#0044A1) evolucionado a un azul marino más profundo, arena
   cálida en vez del blanco puro de Aerra y un solo acento de atardecer. Tipografía re-vestida con getlayers_fonts:
   Cormorant (solo titulares) + Manrope (todo lo demás). Si hace falta otro tono, se agrega AQUÍ con su uso. */
:root{
  /* Marca */
  --marca:#0B3D91;            /* azul Pegaso: botones principales, enlaces, selección, todo lo que se toca */
  --marca-hover:color-mix(in srgb,var(--marca) 82%,#000); /* al pasar el mouse o tocar un botón principal */
  --marca-suave:color-mix(in srgb,var(--marca) 9%,#fff);  /* fondos de avisos y chips de la marca */
  --marca-suave-2:color-mix(in srgb,var(--marca) 16%,#fff); /* píldora de la pestaña activa, chips (texto --marca-oscura) */
  --marca-oscura:#082B66;     /* texto de marca sobre fondos suaves (≥ 7:1) y bandas oscuras */
  --sobre-marca:#FFFFFF;      /* texto encima de --marca */
  --acento:#F0844A;           /* coral de atardecer: insignias, el punto «en vivo», un destacado por pantalla. Nunca texto largo */
  --acento-suave:#FDE7D9;     /* fondo de un destacado con acento (texto --tinta) */
  --sobre-acento:#1B1410;     /* texto encima de --acento */
  /* Neutros (arena cálida: el mar se ve mejor sobre papel que sobre blanco) */
  --fondo:#F7F3EC;            /* fondo de página */
  --fondo-2:#EFE8DC;          /* bandas alternas del Sitio, pozos de datos */
  --superficie:#FFFFFF;       /* tarjetas, diálogos */
  --tinta:#0E1B2C;            /* texto principal (azul noche, no negro) */
  --tinta-2:#4E5A6B;          /* texto secundario (≥ 4.5:1 sobre --fondo y --superficie) */
  --linea:#E3DACB;            /* bordes y divisores (hairlines de Aerra) */
  --noche:#0A1A33;            /* bandas oscuras del Sitio (pie, reserva sobre video) */
  --sobre-noche:#F7F3EC;      /* texto sobre --noche */
  --sobre-noche-2:#B9C3D3;    /* texto secundario sobre --noche (≥ 7:1) */
  --vidrio:color-mix(in srgb,var(--superficie) 78%,transparent);      /* vidrio de Aerra: nav flotante y tarjetas sobre foto */
  --vidrio-fuerte:color-mix(in srgb,var(--superficie) 90%,transparent); /* cabecera y barra de las apps (esmerilado) */
  --velo:color-mix(in srgb,var(--noche) 55%,transparent);              /* velo sobre fotos y video para que el texto se lea */
  /* Estados */
  --ok:#15803D;      /* éxito, confirmado, a bordo */
  --aviso:#B45309;   /* atención, pendiente de pago */
  --error:#B91C1C;   /* error, cancelado, incidencia */
  --info:#1D4ED8;    /* información */
  /* Escena del mar (GetLayers «Halcyon Gate»): se tiñe SOLO por su CONFIG, que js/mar.js lee de aquí. */
  --escena-cielo:#5E96CE;       /* cenit */
  --escena-horizonte:#FFAF78;   /* horizonte de atardecer */
  --escena-sol:#FFEAD0;         /* sol */
  --escena-nube:#FFD3B2;        /* nubes iluminadas */
  --escena-nube-sombra:#9486AA; /* nubes en sombra */
  --escena-mar:#0A2B5C;         /* mar profundo (azul Pegaso de noche) */
  --escena-oro:#FFCF8A;         /* aro: luz */
  --escena-oro-sombra:#8C5C2A;  /* aro: sombra */
  --escena-foco:.5;             /* x del sol y del aro (0–1). En horizontal se corre a la derecha para enmarcar la pila de fotos del hero */
  /* Agua de la bahía con el sol bajo (GetLayers «Mere», concepto D del hero): se tiñe SOLO por su CONFIG, que js/agua.js
     lee de aquí. Agua de noche, azul Pegaso en el cuerpo y destellos cálidos del atardecer (no el pastel de Halcyon). */
  --agua-fondo:#020817;         /* agua en sombra */
  --agua-a:#06173A;             /* cuerpo del agua */
  --agua-b:#0E3370;             /* pendientes con cielo (azul de la vela, de noche) */
  --agua-c:#3E6AA6;             /* reflejo del cielo */
  --agua-d:#FFCFA3;             /* destellos del sol bajo (arena con luz de atardecer) */
  /* Tipografía: dos familias, autoalojadas en fuentes.css */
  --display:'Cormorant',ui-serif,Georgia,serif;   /* SOLO titulares ≥ 28 px */
  --sans:'Manrope',ui-sans-serif,system-ui,sans-serif;
  --t-0:clamp(2.75rem,8.5vw,6.25rem); --t-1:clamp(2.1rem,5.2vw,3.5rem); --t-2:clamp(1.75rem,3.4vw,2.4rem);
  --t-3:1.25rem; --t-texto:1rem; --t-chico:.875rem;
  /* Forma (Aerra: radios 6/8/10 en controles; tarjetas algo más amplias para foto) */
  --radio:12px; --radio-chico:8px; --radio-tarjeta:18px; --radio-accion:999px;
  --sombra:0 1px 2px rgba(14,27,44,.06),0 10px 28px -14px rgba(14,27,44,.22);
  --sombra-alta:0 24px 60px -24px rgba(14,27,44,.42);
  /* Movimiento (transiciones CSS; los resortes viven en js/motor.js) */
  --dur-rapida:150ms; --dur-normal:250ms; --dur-lenta:700ms; --curva:cubic-bezier(.2,0,0,1);
}
@media (min-width:760px) and (orientation:landscape){:root{--escena-foco:.72}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
body{margin:0;min-height:100dvh;background:var(--fondo);color:var(--tinta);font:400 var(--t-texto)/1.55 var(--sans);touch-action:manipulation;-webkit-font-smoothing:antialiased}
[hidden]{display:none!important}
button,input,select,textarea{font:inherit;color:inherit}
@media (pointer:coarse){input,select,textarea{font-size:16px}}
:focus-visible{outline:2px solid var(--marca);outline-offset:2px}
img{max-width:100%;height:auto}
button,[role=button],[role=tab],[role=switch],summary{-webkit-user-select:none;user-select:none}
@media (display-mode:standalone){.solo-navegador{display:none!important}}
html.instalada .solo-navegador{display:none!important}
html:not(.instalada) .solo-instalada{display:none!important}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.importe{white-space:nowrap;font-variant-numeric:tabular-nums}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}