/* Tema: Penumbra — negro cálido + oro de cirio y burdeos litúrgico. Sobrio,
   formal, pensado para Semana Santa. Serif de alto contraste (Cormorant Garamond). */

/* Fuentes AUTOALOJADAS (sin CDN de Google: offline-first y sin enviar IPs a
   terceros). woff2 variables → un fichero por subset cubre todo el rango de pesos.
   Por eso config(themes…penumbra.font) es null: la vista no inyecta <link> de Google. */
@font-face{
  font-family:'Cormorant Garamond'; font-style:normal; font-weight:300 700; font-display:swap;
  src:url('/fonts/cormorant-garamond/cormorant-garamond-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:'Cormorant Garamond'; font-style:normal; font-weight:300 700; font-display:swap;
  src:url('/fonts/cormorant-garamond/cormorant-garamond-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:'Inter'; font-style:normal; font-weight:100 900; font-display:swap;
  src:url('/fonts/inter/inter-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:'Inter'; font-style:normal; font-weight:100 900; font-display:swap;
  src:url('/fonts/inter/inter-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:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --font-title:'Cormorant Garamond','Iowan Old Style',Palatino,Georgia,serif;

  --ink:#e7ddc9; --muted:#938c7c;
  --title-on:#e6cd93;                 /* champán: hero dorado pero nombres legibles */

  --page-bg:
    radial-gradient(760px 380px at 12% -4%,rgba(201,163,90,.16),transparent 60%),
    radial-gradient(700px 360px at 88% 2%,rgba(139,42,54,.13),transparent 62%),
    radial-gradient(640px 440px at 50% 116%,rgba(201,163,90,.07),transparent 60%),
    linear-gradient(165deg,#0c0a07,#100c08);

  --glass:rgba(255,255,255,.045); --glassline:rgba(201,163,90,.18);
  --shadow:0 12px 34px rgba(0,0,0,.5);
  --map-shadow:rgba(0,0,0,.6);
  --map-bg:#13100b;

  --grad:linear-gradient(135deg,#b3863c,#e6cd90); --brand-on:#241803; --brand-glow:rgba(201,163,90,.38);
  --count-on:#e6cd90; --count-glow:rgba(230,205,144,.45);

  --wait-bg:rgba(230,205,144,.16); --wait-on:#e6cd90;
  --live:#7e2230; --live-on:#f2ddb6; --live-glow:rgba(126,34,48,.6);
  --end-bg:rgba(255,255,255,.06);
  --dot:#d9483f; --dot-pulse:rgba(217,72,63,.7);

  --wm-on:rgba(230,205,144,.6);
  --chip-bg:rgba(14,11,8,.86); --chip-on:var(--ink); --chip-line:var(--glassline);

  --pin-border:#efe6d2;
  --pin-stale-bg:#473f33; --pin-stale-on:#d6ccb8;

  --sec:#e6cd90; --sd-on:#c9a35a;
  --switch-on-bg:rgba(201,163,90,.20); --switch-on-color:#e6cd90;

  /* color por carroza (paleta litúrgica sobria) */
  --c1:#c9a35a; --c1-on:#241803;   /* oro */
  --c2:#8b2a36; --c2-on:#f6e6cf;   /* burdeos */
  --c3:#5b3a6b; --c3-on:#f1e6f0;   /* morado de Cuaresma */
  --c4:#7d6a39; --c4-on:#f7efd9;   /* bronce / oliva */
  --c5:#3f6360; --c5-on:#eaf3f1;   /* verde profundo (esperanza) */
  --c6:#9c5436; --c6-on:#fbe9df;   /* siena / terracota */
  --c7:#b9a276; --c7-on:#2a2410;   /* champán */
  --c8:#46496b; --c8-on:#e9eaf4;   /* índigo pizarra */
}

/* =========================================================================
   Penumbra va más allá del recoloreado: este tema redefine también el carácter
   (tipografía editorial, cromo fino de oro, atmósfera de cirio). Estas reglas
   se cargan DESPUÉS de base.css y, al ser este el único tema activo, sobrescriben
   sin tocar base.css ni afectar a los demás temas.
   ========================================================================= */

/* ---- Atmósfera: viñeta de penumbra + grano de cirio sobre el degradado del tema.
   Capa fija tras el contenido (z-index:-1): queda por encima del fondo del body
   (los degradados de --page-bg) y por debajo del contenido. El grano es un SVG
   feTurbulence en data-URI: cero assets. ---- */
body::after{
  content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:
    radial-gradient(120% 130% at 50% 20%, transparent 42%, rgba(0,0,0,.62) 100%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");
  background-repeat:no-repeat, repeat;
  background-size:cover, 140px 140px;
}

/* ---- Tipografía editorial: titulares en serif de alto contraste, en versales
   con interletraje; el oro queda para los acentos. ---- */
.h-title{
  text-transform:uppercase; letter-spacing:.03em; line-height:1.02;
  font-weight:600;
}
.b-title{ text-transform:uppercase; letter-spacing:.04em; font-weight:600; }
.sec{
  font-family:var(--font-title,var(--font));
  font-weight:600; font-size:12px; letter-spacing:.22em;
}
.place{ letter-spacing:.2em; }
.pill{ letter-spacing:.16em; font-weight:600; }
/* CTA "Compartir": menos peso, versales espaciadas, esquina más recta. */
.share{
  text-transform:uppercase; letter-spacing:.13em; font-weight:600; font-size:12px;
}

/* ---- Cromo fino: esquinas menos redondeadas y filetes de oro (--glassline ya
   es oro translúcido). Más editorial, menos "tarjeta blanda". ---- */
.hero{ border-radius:10px; }
.crest{ border-radius:8px; }
.bar{ border-radius:9px; }
.crest-s{ border-radius:7px; }
.mapcard{ border-radius:9px; }
.gcard{ border-radius:8px; }
.stats{ border-radius:9px; }
.share{ border-radius:8px; }
.sp-card{ border-radius:8px; }

/* Un cabello de oro en lo alto de los paneles de cristal: acento sobrio que
   refuerza el filete sin recargar. */
.hero, .bar, .gcard, .stats, .sp-card{
  background-image:linear-gradient(180deg, rgba(230,205,144,.06), transparent 64%);
}