@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/playfair-display-latin.woff2') format('woff2');
}
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/poppins-400-latin.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url('fonts/poppins-500-latin.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url('fonts/poppins-600-latin.woff2') format('woff2'); }
@font-face { font-family: PlayfairResG; src: local('Georgia'); size-adjust: 101.7%; ascent-override: 106.4%; descent-override: 24.7%; line-gap-override: 0%; }
@font-face { font-family: PlayfairResT; src: local('Times New Roman'); size-adjust: 111.2%; ascent-override: 97.3%; descent-override: 22.6%; line-gap-override: 0%; }
@font-face { font-family: PoppinsResS; font-weight: 100 900; src: local('Segoe UI'); size-adjust: 114.3%; ascent-override: 91.9%; descent-override: 30.6%; line-gap-override: 8.8%; }
@font-face { font-family: PoppinsResA; font-weight: 100 900; src: local('Arial'); size-adjust: 112.9%; ascent-override: 93.0%; descent-override: 31.0%; line-gap-override: 8.9%; }
:root {
  --il-a100:             #F2FAFC;
  --il-a200:             #E4F5FA;
  --il-a300:             #3EB8D7;
  --il-a250:             #58B6E4;
  --il-a600:             #0B6E9E;
  --il-a700:             #076B98;
  --il-a750:             #08587E;
  --il-a800:             #131C3A;
  --il-deco:             #266482;
  --il-celeste:          var(--il-a300);
  --il-celeste-soft:     var(--il-a200);
  --il-celeste-tint:     var(--il-a100);
  --il-cian:             var(--il-a250);
  --il-azul-profundo:    var(--il-a600);
  --il-azul-oscuro:      var(--il-a700);
  --il-enlace-hover:     var(--il-a750);
  --il-marino:           var(--il-a800);
  --il-marino-2:         #1C2A52;
  --il-ink:              #2B2F36;
  --il-ink-fuerte:       #4C525A;
  --il-ink-mid:          #5A6068;
  --il-ink-soft:         #82888F;
  --il-bg:               #FFFFFF;
  --il-bg-alt:           #F5F7F9;
  --il-border:           #E3E8EE;
  --il-border-2:         #CFD7E0;
  --il-border-fuerte:    #82888F;
  --il-sobre-osc:        rgba(255, 255, 255, .92);
  --il-sobre-osc-mid:    rgba(255, 255, 255, .78);
  --il-sobre-osc-soft:   rgba(255, 255, 255, .60);
  --il-linea-osc:        rgba(255, 255, 255, .12);
  --il-linea-osc-2:      rgba(255, 255, 255, .20);
  --il-borde-osc:        rgba(255, 255, 255, .42);
  --il-ambar:            #DE9C38;
  --il-alerta-osc:       #F0908B;
  --il-alerta:           #D9534F;
  --il-error-txt:        #A32824;
  --il-ok-bg:            #E8F6EF;  --il-ok-txt: #12563A;  --il-ok-bor: #BFE5D2;
  --il-err-bg:           #FBEAEA;  --il-err-txt: #8F2B28; --il-err-bor: #F1C2C0;
  --font-display: 'Playfair Display', PlayfairResG, PlayfairResT, Georgia, 'Times New Roman', serif;
  --font-sans: 'Poppins', PoppinsResS, PoppinsResA, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --t-display:  clamp(2.40rem, 1.55rem + 3.60vw, 4.25rem);
  --t-h1:       clamp(2.00rem, 1.50rem + 2.10vw, 2.90rem);
  --t-h2:       clamp(1.70rem, 1.30rem + 1.80vw, 2.50rem);
  --t-h3:       clamp(1.30rem, 1.15rem + 0.62vw, 1.625rem);
  --t-h4:       clamp(1.06rem, 1.00rem + 0.26vw, 1.1875rem);
  --t-lead:     clamp(1.06rem, 1.00rem + 0.36vw, 1.25rem);
  --t-body:     clamp(1.00rem, 0.98rem + 0.10vw, 1.0625rem);
  --t-card:     clamp(1.50rem, 1.30rem + 0.90vw, 1.75rem);
  --t-dato:     clamp(1.30rem, 1.10rem + 0.90vw, 1.80rem);
  --t-small:    0.875rem;
  --t-sobre:    0.78rem;
  --t-mini:     0.75rem;
  --track-display: -.020em;
  --track-h2:      -.015em;
  --track-sobre:    .11em;
  --optica-display: -.025em;
  --e1: 8px;  --e2: 12px; --e3: 16px; --e4: 24px; --e5: 32px;
  --e6: 48px; --e7: 64px; --e8: 96px; --e9: 128px;
  --max: 1180px;
  --max-texto: 64ch;
  --max-bajada: 58ch;
  --max-hero: var(--max-bajada);
  --max-cab: 22ch;
  --max-celda: 68ch;
  --radius: 8px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --radius-full: 50%;
  --hair: 1px;
  --sombra-1:
    0 1px 2px rgba(19, 28, 58, .05),
    0 8px 24px -10px rgba(19, 28, 58, .14);
  --sombra-2:
    0 2px 4px rgba(19, 28, 58, .06),
    0 16px 36px -14px rgba(19, 28, 58, .22);
  --sombra-osc: 0 24px 48px -12px rgba(4, 10, 28, .55);
  --bisel-osc: inset 0 1px 0 rgba(255, 255, 255, .10);
  --foco-halo:     0 0 0 6px var(--il-celeste);
  --foco-halo-int: inset 0 0 0 6px var(--il-celeste);
  --ease-salida: cubic-bezier(.22, 1, .36, 1);
  --ease-suave:  cubic-bezier(.40, 0, .20, 1);
  --dur-micro:   140ms;
  --dur-estado:  220ms;
  --dur-faq:     280ms;
  --dur-cab:     240ms;
  --dur-entrada: 620ms;
  --dur-trazo:   900ms;
  --dur-lienzo:  700ms;
  --z-fondo: 0;
  --z-velo: 1;
  --z-cont: 2;
  --z-cab: 50;
  --z-saltar: 100;
  --bp-nav: 1180px;
  --bp-nav-em: 73.6875em;
  --grano-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23g)' opacity='.05'/%3E%3C/svg%3E");
  --malla-osc:
    linear-gradient(180deg, rgba(19, 28, 58, 0) 82%, var(--il-marino) 99%),
    radial-gradient(60% 55% at 78% 16%, rgba(62, 184, 215, .10), transparent 62%),
    radial-gradient(70% 58% at 8% 76%, rgba(11, 110, 158, .22), transparent 66%),
    radial-gradient(90% 80% at 48% 50%, var(--il-marino-2), transparent 72%);
}
@media (min-resolution: 2dppx) { :root { --hair: .5px; } }
