/* Valores de la marca: colores, letras, espacios, esquinas, sombras y movimiento.
   Hay dos capas: «portal», con las reglas de siempre (decide la especificidad y el orden de carga), y «paginas», con lo que
   una página cambia de una pieza compartida (gana aunque su hoja se cargue antes). Sin capa quedan solo los pocos !important
   que deben ganarle a una animación o al modo de movimiento reducido. */

/* Orden de las capas (se declara aquí porque marca.css es la primera hoja en todas las páginas). */
@layer portal, paginas;

@font-face{font-family:'Public Sans';font-style:normal;font-weight:100 900;font-display:swap;src:url(/public-sans.woff2) format('woff2')}

@layer portal {
  /* Valores */
  :root{--marca:#2B7FFF;--navy:#0B1E3F;--azul:#1F6FEB;--azulhover:#175CD3;--azulbg:#EAF2FF;--azulclaro:#BFD6FF;--verde:#1E7A2E;--verdebg:#E6F4EA;--verdetxt:#1E6B34;--rojo:#C0392B;--rojobg:#FBEAEA;--ambar:#B7791F;--ambarbg:#FFF6DD;--violeta:#1F6FEB;--violetabg:#EAF2FF;--violetatxt:#175CD3;--neutrobg:#ECEFF6;--neutrotxt:#3A465C;--neutroline:#D5DBE8;--gris:#9AA2AB;--grisbg:#EEF2F6;--ink:#1B2733;--ink2:#4A5668;--line:#D3DCE6;--bg:#EDF1F6;--card:#FFFFFF;--sh:none;--sh2:0 4px 14px rgba(16,30,54,.10);--t-l:16px;--t-m:14px;--t-s:13px;--t-xs:12px;--e-3:12px;--e-4:16px;--e-5:20px;--ink3:#6B7685;--azul-texto:#175CD3;--azul-oscuro:#174AA8;--verde-texto:#1E6B34;--ambar-texto:#7A4F00;--rojo-texto:#B42318;--fondo-suave:#F7F9FB;--azul-suave2:#F5F9FF;--borde-control:#C3CFDE;--borde-tarjeta:#DCE3EC;--divisor:#EEF2F6;--r-s:8px;--r-m:12px;--r-pildora:999px;--sh-tarjeta:none;--sh-boton:none;--sh-elevada:0 10px 30px rgba(11,30,63,.18);--sh-ventana:0 24px 64px rgba(11,30,63,.28),0 2px 6px rgba(11,30,63,.08);--ctl-h:40px;--ctl-h-compacto:32px;--ctl-r:8px;--ease:cubic-bezier(.2,.7,.2,1);--m-rapida:.14s;--m-media:.22s;--m-lenta:.36s;--c-salida:cubic-bezier(.2,.7,.2,1);--c-entrada:cubic-bezier(.4,0,1,1);--c-resorte:cubic-bezier(.32,.72,0,1);--mx-dur:.34s;--mx-ease:cubic-bezier(.32,.72,0,1);--borde-suave:#DCE3EC;--sombra-tarjeta:none;--foco:#7FB6F0;--rojo-borde:#F1C9C4;--ambar-borde:#FFE58A;--ctl-foco:0 0 0 3px rgba(31,111,235,.2)}
}