/* ==========================================================================
   MURCIA INTELLIGENT COMMUNITY — base
   Paleta, tipografías, reset y animaciones compartidas por todas las páginas.
   Sólo contiene lo que no puede vivir en estilos en línea: variables de marca,
   reset, colores de enlace y @keyframes. La maquetación de cada página va
   siempre en línea, nunca en clases aquí.
   ========================================================================== */

:root {
  /* Tinta y superficies */
  --mic-ink:        #08171C;  /* fondo oscuro principal */
  --mic-ink-2:      #0C2026;  /* franjas oscuras secundarias */
  --mic-ink-3:      #050E11;  /* pie de página */
  --mic-paper:      #FFFFFF;
  --mic-paper-2:    #F2F5F4;  /* off-white frío */

  /* Texto */
  --mic-on-dark:      #EAF2F1;
  --mic-on-dark-mute: #C4D6D8;
  --mic-on-dark-soft: #8FB0B4;
  --mic-on-light:      #08171C;
  --mic-on-light-mute: #3E5257;
  --mic-on-light-soft: #7D9095;

  /* Señal — degradado del logo Murcia smartcity */
  --mic-cyan:   #30B7DB;
  --mic-cyan-d: #0E8DAE;  /* cian sobre fondo OSCURO, o texto ≥24px sobre papel */
  --mic-cyan-ink: #0B7089; /* cian para texto PEQUEÑO sobre papel: 5,18:1 sobre
                              #FFFFFF y 5,69:1 sobre #F2F5F4. Los kickers y los
                              enlaces de 11-14px van siempre con este, porque
                              --mic-cyan-d se queda en 3,5-3,9:1 y no llega al
                              4,5:1 que exige WCAG AA (RD 1112/2018). */

  /* Variantes de tinta del resto de la paleta. Los acentos claros
     (--mic-teal, --mic-mint, --mic-green, --mic-lime) sólo son legibles
     sobre fondo oscuro: sobre papel se quedan en 2,0-2,3:1, así que ni el
     texto pequeño ni las cifras grandes llegan al mínimo. Sobre #FFFFFF y
     #F2F5F4 se usan siempre estas, que conservan el tono y pasan AA. */
  --mic-teal-ink:  #0D6E65;  /* 6,11:1 blanco · 5,57:1 papel */
  --mic-mint-ink:  #16744C;  /* 5,77:1 · 5,26:1 */
  --mic-green-ink: #3B711B;  /* 5,89:1 · 5,37:1 */
  --mic-lime-ink:  #4F7318;  /* 5,53:1 · 5,04:1 */
  --mic-teal:   #4FBFB2;
  --mic-mint:   #5CBF8E;
  --mic-green:  #6DBE45;
  --mic-lime:   #8FCC4C;
  --mic-signal: linear-gradient(100deg, #30B7DB, #4FBFB2 55%, #6DBE45);

  /* Líneas */
  --mic-rule-dark:  rgba(234, 242, 241, .14);
  --mic-rule-light: rgba(8, 23, 28, .12);
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: #08171C;
  color: #EAF2F1;
  font-family: 'Archivo', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-wrap: pretty;
}

a { color: #1FA8CC; text-decoration: none; }
a:hover { color: #6DBE45; }

/* Raíles con desplazamiento horizontal: sin barra visible */
[data-rail] { scrollbar-width: none; -ms-overflow-style: none; }
[data-rail]::-webkit-scrollbar { display: none; }

/* --- Animaciones compartidas ------------------------------------------- */

/* Ticker del CEUS en directo */
@keyframes ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* Halo cian/verde de fondo en los hero */
@keyframes haloSpin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

/* Punto "en directo" */
@keyframes livePulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: .35; transform: scale(.7); } }

/* Barrido sobre una línea — metáfora de la acequia: el agua que recorre el canal */
@keyframes sweep { 0% { transform: translateX(-100%); } 100% { transform: translateX(300%); } }

/* Caudal descendente para las secuencias verticales (historias) */
@keyframes flow { 0% { transform: translateY(-100%); } 100% { transform: translateY(400%); } }