/* 🔴 GENERADO POR construir_estilos.mjs — NO SE EDITA A MANO.
   La fuente, con sus comentarios, está en 7_CODIGO/estilos/tokens.css
   Regenerar con:  node construir_estilos.mjs */
:root {
  color-scheme: light;
  --bc-bg:            #F5F1E8;   
  --bc-card:          #FFFFFF;   
  --bc-border:        #E2DCCF;   
  --bc-border-strong: #B9B1A1;   
  --bc-text:          #14181F;   
  --bc-text-2:        #5A5F6A;   
  --bc-text-3:        #696e77;   
  --bc-brand:         #7C3AED;   
  --bc-brand-card:    var(--bc-brand);
  --bc-brand-ink:     #FFFFFF;
  --bc-brand-soft:    #EDE7FB;
  --bc-ok:            #189D6E;   
  --bc-warn:          #BA7E00;   
  --bc-bad:           #D03B3B;   
  --bc-ok-f:          #1FBE87;
  --bc-warn-f:        #FFD028;
  --bc-bad-f:         #E8453F;
  --bc-ring:          #2A2F38;   
  --bc-bar:           #DED7EC;
  --bc-bar-on:        #7C3AED;
  --bc-grid:          #E6E1D5;
  --bc-il-sky:        #EDE7F7;
  --bc-il-road:       #DDD6CB;
  --bc-il-curb:       #C5BCAE;
  --bc-il-line:       #FFFFFF;
  --bc-il-booth:      #4A4453;
  --bc-il-glass:      #9DA6C4;
  --bc-il-car:        #E5E0D6;
  --bc-il-terracota:  #C9744F;
  --bc-il-ocre:       #B8894A;
  --bc-il-umbrella-a: #E0A87C;
  --bc-il-umbrella-b: #CFA26A;
  --bc-warn-ink:      #14181F;   
  --bc-ok-ink:        #16203C;
  --bc-s1:0 1px 2px rgba(20,24,31,.06),0 1px 3px rgba(20,24,31,.05);
  --bc-s2:0 2px 4px rgba(20,24,31,.05),0 4px 12px rgba(20,24,31,.08);
  --bc-s3:0 4px 8px rgba(20,24,31,.06),0 12px 28px rgba(20,24,31,.10);
}
@media (prefers-color-scheme: dark) {
  :root:where(:not([data-theme="light"])) {
    color-scheme: dark;
    --bc-s1:0 1px 2px rgba(0,0,0,.30),0 1px 3px rgba(0,0,0,.24);
    --bc-s2:0 2px 4px rgba(0,0,0,.28),0 4px 12px rgba(0,0,0,.36);
    --bc-s3:0 4px 8px rgba(0,0,0,.30),0 12px 28px rgba(0,0,0,.44);
    --bc-bg:            #16203C;
    --bc-card:          #1D2949;
    --bc-border:        #2C3A61;
    --bc-border-strong: #4A5980;
    --bc-text:          #F5F1E8;   
    --bc-text-2:        #8b919e;   
    --bc-text-3:        #8d919a;   
    --bc-brand:         #9E6CF2;   
    --bc-brand-card:    #A77AF3;   
    --bc-brand-ink:     #16203C;
    --bc-brand-soft:    #2A2350;
    --bc-ok:            #1BAF7A;   
    --bc-warn:          #EDA100;   
    --bc-bad:           #D03B3B;   
    --bc-ok-f:          #2ED79A;
    --bc-warn-f:        #FFD028;
    --bc-bad-f:         #FF5A52;
    --bc-ring:          #C9CDD6;   
    --bc-bar:           #33406B;
    --bc-bar-on:        #9E6CF2;
    --bc-grid:          #263352;
    --bc-il-sky:        #101935;
    --bc-il-road:       #1B2540;
    --bc-il-curb:       #39435F;
    --bc-il-line:       #E8E3D5;
    --bc-il-booth:      #2A3352;
    --bc-il-glass:      #5E6B96;
    --bc-il-car:        #D8D3C6;
    --bc-il-terracota:  #A85F41;
    --bc-il-ocre:       #96703C;
    --bc-il-umbrella-a: #C08E68;
    --bc-il-umbrella-b: #AE8757;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bc-s1:0 1px 2px rgba(0,0,0,.30),0 1px 3px rgba(0,0,0,.24);
  --bc-s2:0 2px 4px rgba(0,0,0,.28),0 4px 12px rgba(0,0,0,.36);
  --bc-s3:0 4px 8px rgba(0,0,0,.30),0 12px 28px rgba(0,0,0,.44);
  --bc-bg:#16203C; --bc-card:#1D2949; --bc-border:#2C3A61; --bc-border-strong:#4A5980;
  --bc-text:#F5F1E8; --bc-text-2:#8b919e; --bc-text-3:#8d919a;
  --bc-brand:#9E6CF2; --bc-brand-card:#A77AF3; --bc-brand-ink:#16203C; --bc-brand-soft:#2A2350;
  --bc-ok:#1BAF7A; --bc-warn:#EDA100; --bc-bad:#D03B3B;
  --bc-ok-f:#2ED79A; --bc-warn-f:#FFD028; --bc-bad-f:#FF5A52;
  --bc-ring:#C9CDD6;      
  --bc-bar:#33406B; --bc-bar-on:#9E6CF2; --bc-grid:#263352;
  --bc-il-sky:#101935; --bc-il-road:#1B2540; --bc-il-curb:#39435F; --bc-il-line:#E8E3D5;
  --bc-il-booth:#2A3352; --bc-il-glass:#5E6B96; --bc-il-car:#D8D3C6;
  --bc-il-terracota:#A85F41; --bc-il-ocre:#96703C;
  --bc-il-umbrella-a:#C08E68; --bc-il-umbrella-b:#AE8757;
}
@font-face{
  font-family:"Bricolage Grotesque";
  font-style:normal;
  font-weight:800;                 
  font-display:swap;               
  src:url("/assets/bricolage_800_latin.woff2") format("woff2");
}
:root{
  --bc-font-display:"Bricolage Grotesque",system-ui,sans-serif;
  --bc-font-ui:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --bc-t-cifra:30px;
  --bc-t-xl:26px;
  --bc-t-titulo:24px;
  --bc-t-sub:18px;
  --bc-t-destacado:16px;
  --bc-t-cuerpo:15px;
  --bc-t-texto:14px;      
  --bc-t-menor:12.5px;
  --bc-t-micro:11.5px;
  --bc-t-numero:clamp(46px,13.5vw,68px);
  --bc-t-numero-u:.3em;
  --bc-lh-titulo:1.12;
  --bc-lh-texto:1.55;
  --bc-lh-numero:.9;
  --bc-tr-numero:-.04em;
  --bc-tr-titulo:-.025em;
  --bc-tr-mayus:.07em;
}
.bc-num { font-variant-numeric: tabular-nums; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}