/* Tema: Nieves · Estandarte — el fondo ES el guión bordado: paño verde con damasco
   dorado. Encima, cartelas blancas con doble filete de oro y el mapa montado sobre
   paspartú blanco, como el bordado sobre el terciopelo. Marcellus + Mulish.
   Port del boceto web/wireframes/pieles/43-nieves-estandarte. */

/* Fuentes autoalojadas (sin CDN de Google). woff2 → un fichero por subset. */
@font-face{
  font-family:'Marcellus'; font-style:normal; font-weight:400; font-display:swap;
  src:url('/fonts/marcellus/marcellus-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Marcellus'; font-style:normal; font-weight:400; font-display:swap;
  src:url('/fonts/marcellus/marcellus-latin-ext.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:'Mulish'; font-style:normal; font-weight:300 900; font-display:swap;
  src:url('/fonts/mulish/mulish-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Mulish'; font-style:normal; font-weight:300 900; font-display:swap;
  src:url('/fonts/mulish/mulish-latin-ext.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{
  --font:'Mulish',system-ui,sans-serif; --font-title:'Marcellus','Mulish',Georgia,serif;
  --ink:#2e3d34; --muted:#6f8177; --title-on:#0F4430;

  /* paño de damasco: rombo + roseta en oro sobre verde (patrón SVG embebido) */
  --page-bg:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23D4AF37' stroke-opacity='.16'%3E%3Cpath d='M32 3 50 32 32 61 14 32Z'/%3E%3Ccircle cx='32' cy='32' r='6.5'/%3E%3Cpath d='M0 32h14M50 32h14M32 0v3M32 61v3'/%3E%3C/g%3E%3C/svg%3E"),
    linear-gradient(170deg,#14563C,#0C3A28);

  --glass:#ffffff; --glassline:rgba(212,175,55,.9);
  --shadow:0 12px 30px rgba(4,26,18,.35); --map-shadow:rgba(4,26,18,.45); --map-bg:#e6e2d6;

  --grad:linear-gradient(135deg,#0F4430,#1E6B4A); --brand-on:#F0DC91; --brand-glow:rgba(4,26,18,.4);
  --count-on:#0F4430; --count-glow:transparent;

  --wait-bg:#F2E7C4; --wait-on:#7a5f14;
  --live:#0F4430; --live-on:#F0DC91; --live-glow:rgba(15,68,48,.3); --end-bg:#eceadf;
  --dot:#D4AF37; --dot-pulse:rgba(212,175,55,.85);

  --wm-on:rgba(46,61,52,.55);
  --chip-bg:#ffffff; --chip-on:var(--ink); --chip-line:rgba(212,175,55,.8);

  --pin-border:#D4AF37; --pin-stale-bg:#b9c2ba; --pin-stale-on:#fff;

  --sec:#F0DC91; --sd-on:#1E6B4A;
  --switch-on-bg:rgba(212,175,55,.25); --switch-on-color:#F0DC91;

  /* color por participante: verde, oro y blanco (los tres de la Virgen) y variantes */
  --c1:#0F4430; --c1-on:#F0DC91;  /* verde botella */
  --c2:#D4AF37; --c2-on:#3a2c05;  /* oro */
  --c3:#FFFFFF; --c3-on:#0F4430;  /* blanco */
  --c4:#1E6B4A; --c4-on:#fff;     /* verde medio */
  --c5:#B08D2E; --c5-on:#fff;     /* oro viejo */
  --c6:#2E8B62; --c6-on:#04241a;  /* esmeralda */
  --c7:#F0DC91; --c7-on:#3a2c05;  /* oro claro */
  --c8:#7F9B8B; --c8-on:#0d251b;  /* verde grisáceo */

  --sev-info:#1E6B4A; --sev-warn:#B08D2E; --sev-urgent:#b3402f;
}

/* el damasco se repite sobre el degradado (el segundo capa no) */
body{background-repeat:repeat,no-repeat}

/* cartelas: blancas, con doble filete dorado (el bordado sobre el paño) */
.hero,.bar,.gcard,.stats{background:#fff;border:1px solid var(--glassline);
  outline:3px solid rgba(212,175,55,.35);outline-offset:3px}
.hero{border-radius:20px;margin-bottom:26px}
.bar,.stats{border-radius:16px;margin-bottom:26px}
.gcard{border-radius:14px}

.h-title{font-weight:400;letter-spacing:.01em}
.b-title{font-weight:400}
.place{color:#8A7431;letter-spacing:.2em}
.crest,.crest-s{border-radius:50%;border:2px solid #D4AF37}
.pill-live{box-shadow:none}
.share{border-radius:12px;box-shadow:none}

/* el blanco es uno de los tres colores del tema: sobre cartela blanca, el avatar
   (y la baliza en el mapa) necesitan aro dorado para no perderse. */
.av{box-shadow:inset 0 0 0 1.5px rgba(212,175,55,.75),0 3px 10px rgba(4,26,18,.18)}

/* el mapa va montado sobre paspartú blanco, como el bordado sobre el terciopelo */
.mapcard{background:#fff;padding:10px;border:1px solid var(--glassline);border-radius:18px;
  outline:3px solid rgba(212,175,55,.35);outline-offset:3px;
  box-shadow:0 16px 40px rgba(4,26,18,.45);margin-bottom:26px}
.map{border-radius:10px;overflow:hidden}

/* rótulo de sección: en oro sobre el paño, centrado entre dos filetes */
.sec{display:flex;align-items:center;gap:16px;font-family:var(--font-title);font-size:15px;
  font-weight:400;letter-spacing:.2em;margin-bottom:16px}
.sec::before,.sec::after{content:"";flex:1;height:1px;background:rgba(212,175,55,.55)}