/* Substitutes (Google Fonts). SURA's corporate typeface is proprietary and was not provided.
   Lexend ≈ SURA geometric sans; Caveat Brush ≈ the hand-brushed callouts in the event web. */
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700;800&family=Caveat+Brush&display=swap');
:root{
/* SURA paleta primaria (manual de marca) */
--sura-azul:#0033A0;--sura-amarillo:#E3E829;--sura-aqua:#00AEC7;--sura-aqua-brillante:#4EC3E0;--sura-amarillo-medio:#FFE946;--sura-blanco:#FFFFFF;
/* SURA digital (ARL piezas) */
--sura-azul-digital:#2E6DF8;--sura-azul-vivo:#006FFD;
/* Ruta PYME 2026 (logo + web del evento) */
--ruta-azul:#003CA6;--ruta-azul-royal:#0044B7;--ruta-azul-cielo:#01A5F5;--ruta-azul-noche:#004195;--ruta-azul-form:#03428A;
--ruta-amarillo:#F0D715;--ruta-amarillo-claro:#FEDF24;--ruta-amarillo-cta:#FEDC2C;--ruta-ambar:#F0D015;
/* FcoMier Consultores */
--fcomier-azul:#134E9D;
/* Neutrales */
--neutral-0:#FFFFFF;--neutral-25:#F5FBFD;--neutral-50:#EAF6FE;--neutral-100:#E5F4FB;--neutral-200:#D6E4F0;--neutral-300:#B9C8D8;--neutral-500:#6B7890;--neutral-700:#3D4A63;--neutral-900:#16213A;
/* Semánticos */
--success:#1FA463;--warning:#FCB702;--danger:#D93636;--info:#00AEC7;
/* Alias semánticos */
--text-heading:var(--ruta-azul);--text-body:var(--neutral-700);--text-muted:var(--neutral-500);--text-strong:var(--neutral-900);--text-on-blue:#FFFFFF;--text-on-yellow:var(--neutral-900);--text-link:var(--ruta-azul-royal);
--surface-page:#FFFFFF;--surface-soft:var(--neutral-50);--surface-card:#FFFFFF;--surface-info:var(--neutral-25);--surface-brand:var(--ruta-azul-noche);--surface-form:var(--ruta-azul-form);
--action-primary:var(--ruta-amarillo-cta);--gradient-amarillo:linear-gradient(135deg,#FEDF24 0%,#F0D015 100%);/* @kind color */--action-primary-hover:var(--ruta-amarillo-claro);--action-primary-press:var(--ruta-ambar);--action-secondary:var(--ruta-azul-royal);--action-secondary-hover:var(--ruta-azul);
--icon-circle:var(--ruta-azul-royal);--icon-circle-soft:var(--neutral-100);
--border-subtle:var(--neutral-200);--border-input:var(--neutral-300);--focus-ring:rgba(1,165,245,.45);
--gradient-ruta-arrow:linear-gradient(135deg,#01A5F5 0%,#0044B7 100%);/* @kind color */--gradient-ruta-chevron:linear-gradient(160deg,#FEDF24 0%,#F0D015 100%);/* @kind color */
}
:root{
--font-sans:'Lexend',system-ui,sans-serif;--font-display:'Lexend',system-ui,sans-serif;--font-brush:'Caveat Brush','Lexend',cursive;
--fw-light:300;/* @kind font */--fw-regular:400;/* @kind font */--fw-medium:500;/* @kind font */--fw-semibold:600;/* @kind font */--fw-bold:700;/* @kind font */--fw-black:800;/* @kind font */
--fs-hero:64px;--fs-h1:44px;--fs-h2:32px;--fs-h3:22px;--fs-h4:18px;--fs-body-lg:18px;--fs-body:16px;--fs-small:14px;--fs-caption:12px;--fs-brush:40px;
--lh-tight:1.05;/* @kind font */--lh-heading:1.15;/* @kind font */--lh-body:1.45;/* @kind font */
--ls-tight:-0.02em;/* @kind font */--ls-normal:0;/* @kind font */--ls-wide:0.08em;/* @kind font */
--text-hero:var(--fw-bold) var(--fs-hero)/var(--lh-tight) var(--font-display);
--text-h1:var(--fw-bold) var(--fs-h1)/var(--lh-heading) var(--font-display);
--text-h2:var(--fw-bold) var(--fs-h2)/var(--lh-heading) var(--font-display);
--text-h3:var(--fw-bold) var(--fs-h3)/var(--lh-heading) var(--font-display);
--text-body-font:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-sans);
}
:root{
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;
--container:1200px;/* @kind spacing */--gutter:24px;/* @kind spacing */--section-y:64px;/* @kind spacing */
--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--radius-circle:50%;
--shadow-sm:0 1px 3px rgba(0,60,166,.08);--shadow-card:0 6px 20px rgba(0,60,166,.10);--shadow-lg:0 16px 40px rgba(0,60,166,.16);--shadow-cta:0 4px 0 rgba(180,186,20,.45);
--ease-out:cubic-bezier(.2,.7,.2,1);/* @kind other */--dur-fast:120ms;/* @kind other */--dur-base:200ms;/* @kind other */--dur-slow:360ms;/* @kind other */
}