/* Identidad visual Russell Bedford (Manual de Marca Corporativa), compartida por el formulario y el panel.
   - Tipografía principal: Lato (Light para títulos, Regular/Bold/Black para texto). Alternativa: Arial.
   - Color institucional: RBI Space Blue #001871. Complementarios: Sea Green, Earth Orange, Sky Blue, Mind Magenta.
   - La fuente se sirve desde el propio servidor: ningún tercero (p. ej. Google) ve quién visita el sitio. */
@font-face{font-family:'Lato';font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/lato-latin-300-normal.woff2) format('woff2')}
@font-face{font-family:'Lato';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/lato-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Lato';font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/lato-latin-400-italic.woff2) format('woff2')}
@font-face{font-family:'Lato';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/lato-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Lato';font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/lato-latin-900-normal.woff2) format('woff2')}
@font-face{font-family:'Lato';font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/lato-latin-ext-300-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Lato';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/lato-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  /* Institucionales */
  --space:#001871; --sea:#00bfb3; --orange:#ed8b00; --sky:#00a9ce; --magenta:#981d97; --grey:#939598;
  /* Tintes de la paleta (80/60/40/20 %) */
  --space-80:#33468d; --space-20:#ccd1e3; --space-05:#f2f4f9;
  --sea-20:#ccf2f0; --orange-20:#fbe8cc; --sky-20:#cceef5; --magenta-20:#ead2ea;
  --ink:#1c2340; --muted:#5b6275; --line:#dfe3ec; --bg:#f4f6fa; --card:#fff;
  --font:'Lato',Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:var(--font);color:var(--ink);background:var(--bg);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
button,input,textarea,select{font:inherit;color:inherit}
[hidden]{display:none!important}
::selection{background:var(--sky-20)}

/* Logotipo: siempre la imagen oficial, nunca redibujado ni deformado (solo se escala proporcionalmente).
   Ancho mínimo 30 mm (~114 px) y espacio libre alrededor. */
.logo{display:block;height:auto;max-width:100%}

/* Barra de cuatro colores del manual (azul, magenta, verde, naranja) */
.colorbar{height:6px;background:linear-gradient(90deg,var(--space) 0 25%,var(--magenta) 25% 50%,var(--sea) 50% 75%,var(--orange) 75% 100%)}

/* Círculos decorativos de la marca */
.dots{position:absolute;pointer-events:none}
.dots i{position:absolute;border-radius:50%;display:block}
.dots .d1{background:var(--sea)} .dots .d2{background:var(--sky)} .dots .d3{background:var(--orange)} .dots .d4{background:var(--magenta)}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}