@import url('https://fonts.googleapis.com/css2?family=Fraunces:wght@600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');
/* =====================================================================
   RED LLA · CABA — TEMA "CARTELERÍA"
   Capa de estilo compartida: se carga DESPUÉS de los estilos de cada
   página y los pisa. Para volver atrás, quitar la línea
   <link rel="stylesheet" href="tema.css"> o subir el ZIP anterior.

   Criterio: el lenguaje del flyer (titulares en Fraunces (serifa blanda, peso 900), violeta
   pleno, placas oscuras con borde lila) sobre papel claro. Colores
   planos, bordes finos, sin degradés ni sombras difusas, sin íconos
   decorativos. Los radios dependen del tamaño del elemento.
   ===================================================================== */
:root{
  --brand:#2A1068;
  --violet-bright:#4A1FD0;
  --violet-glow:#4A1FD0;
  --violet-wash:rgba(74,31,208,.08);
  --ink:#160B33;
  --ink-soft:#4B4268;
  --ink-dim:#756C93;
  --line:rgba(22,11,51,.13);
  --line2:rgba(22,11,51,.22);
  --gold:#A87A00;
  --ok:#1B7F57; --ok-wash:rgba(27,127,87,.11);
  --danger:#C23048; --danger-wash:rgba(194,48,72,.10);

  --t-paper:#F6F4FB;
  --t-white:#FFFFFF;
  --t-tint:#EFEBFA;
  --t-lilac:#D9CEFF;
  --t-deep:#2A1068;
  --t-violet:#4A1FD0;
  --f-title:'Fraunces',Georgia,'Times New Roman',serif;
  --f-cond:'Fraunces',Georgia,'Times New Roman',serif;
  --f-body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
}

/* ---------- Base ---------- */
body{
  font-family:var(--f-body) !important;color:var(--ink);
  background:var(--t-paper) !important;background-image:none !important;
}
:focus-visible{outline:2px solid var(--t-violet) !important;outline-offset:2px}

/* ---------- Tipografía: el titular es la voz del sitio ---------- */
h1,h2,h3,.dsp,.h{
  font-family:var(--f-title) !important;font-weight:900 !important;
  letter-spacing:-.012em !important;text-transform:none;color:var(--ink);
}
.h{font-size:clamp(34px,7.4vw,54px) !important;line-height:1.04 !important;margin-bottom:14px !important}
.h .ac{background:none !important;-webkit-text-fill-color:currentColor !important;color:inherit !important}
.lead{font-size:16px;line-height:1.55;color:var(--ink-soft)}
.eyebrow{
  font-family:var(--f-body) !important;font-weight:600 !important;font-size:13px !important;
  letter-spacing:0 !important;text-transform:none !important;color:var(--t-violet) !important;
}
.lbl{
  font-family:var(--f-body) !important;font-weight:600 !important;font-size:13px !important;
  letter-spacing:0 !important;text-transform:none !important;color:var(--ink-soft) !important;
}
.mnum,.stat .n{font-family:var(--f-title) !important;font-weight:800 !important;font-size:36px !important;letter-spacing:-.01em;color:var(--t-deep)}
.mlbl,.stat .k{font-size:13px;color:var(--ink-soft)}
.wt{font-family:var(--f-body) !important;font-weight:700 !important;font-size:15px !important;letter-spacing:0}
.mono{font-family:'JetBrains Mono',ui-monospace,monospace}

/* ---------- Barra superior: franja blanca con filo violeta ---------- */
.topbar{
  background:var(--t-white) !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
  border-bottom:3px solid var(--t-violet) !important;padding:0 !important;
}
.tin{background:transparent;border:0;border-radius:0;box-shadow:none;padding:12px 18px !important}
.lock .t1{font-family:var(--f-title) !important;font-weight:900 !important;font-size:21px !important;letter-spacing:-.01em;text-transform:none;color:var(--t-deep)}
.lock .t2{font-family:var(--f-body) !important;font-size:12px !important;letter-spacing:0 !important;text-transform:none !important;color:var(--ink-soft) !important;margin-top:3px !important}

/* ---------- Pestañas ---------- */
.nav{background:transparent !important;border:0 !important;padding:0 !important;gap:4px !important}
.nav button{
  font-family:var(--f-body) !important;font-weight:600 !important;font-size:14px !important;letter-spacing:0;
  text-transform:none;color:var(--ink-soft) !important;background:transparent !important;
  border:0 !important;border-radius:8px !important;padding:9px 14px !important;box-shadow:none !important;transform:none !important;
}
.nav button:hover{background:var(--t-tint) !important;color:var(--ink) !important}
.nav button.on{background:var(--t-violet) !important;color:#fff !important}
.clist-tabs button{
  font-family:var(--f-body) !important;font-weight:600 !important;font-size:13.5px !important;letter-spacing:0;text-transform:none;
  background:var(--t-white) !important;color:var(--ink-soft) !important;border:1.5px solid var(--line2) !important;
  border-radius:8px !important;box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
}
.clist-tabs button.on{background:var(--t-violet) !important;color:#fff !important;border-color:var(--t-violet) !important}

/* ---------- Superficies: planas, borde fino ---------- */
.card{
  background:var(--t-white) !important;border:1px solid var(--line2) !important;
  border-radius:10px !important;box-shadow:none !important;
}
.evc:hover{border-color:var(--t-violet) !important;transform:none !important}
.mcard,.wcard,.stat{
  background:var(--t-white) !important;border:1px solid var(--line2) !important;
  border-radius:10px !important;box-shadow:none !important;
}
.mcard::after{display:none !important}
.wkrow{background:var(--t-tint) !important;border:0 !important;border-radius:8px !important}
.wkrow:hover{background:var(--t-lilac) !important;transform:none !important}
.wkav{background:var(--t-deep) !important}
.consent{background:var(--t-tint) !important;border:0 !important;border-radius:8px !important}
.mdsec summary{font-family:var(--f-body) !important;font-weight:700 !important;font-size:14px !important;letter-spacing:0;text-transform:none}

/* ---------- Botones ---------- */
.btn{
  font-family:var(--f-cond) !important;font-weight:700 !important;font-size:16px !important;letter-spacing:0;
  text-transform:none;border-radius:8px !important;padding:11px 20px !important;transition:background .12s,border-color .12s;
}
.btn-p{background:var(--t-violet) !important;color:#fff !important;box-shadow:none !important}
.btn-p:hover{background:var(--t-deep) !important;filter:none !important;transform:none !important}
.btn-g{background:var(--t-white) !important;color:var(--t-deep) !important;border:1.5px solid var(--t-deep) !important}
.btn-g:hover{background:var(--t-tint) !important}
.anuncio-cta{
  font-family:var(--f-cond) !important;font-weight:700 !important;font-size:18px !important;letter-spacing:0;text-transform:none;
  background:var(--t-violet) !important;box-shadow:none !important;border-radius:8px !important;transform:none !important;
}
.anuncio-cta:hover{background:var(--t-deep) !important;box-shadow:none !important;transform:none !important}
.wapp{font-family:var(--f-body) !important;font-weight:600 !important;font-size:12.5px !important;letter-spacing:0;border-radius:6px !important}
input[type=file]::file-selector-button{
  font-family:var(--f-body) !important;font-weight:600 !important;font-size:13px !important;letter-spacing:0;text-transform:none;
  background:var(--t-white) !important;color:var(--t-deep) !important;border:1.5px solid var(--t-deep) !important;border-radius:8px !important;padding:8px 14px !important;
}
input[type=file]::file-selector-button:hover{background:var(--t-tint) !important}

/* ---------- Campos ---------- */
.inp,select.inp,textarea.inp,input.inp{
  background:var(--t-white) !important;border:1.5px solid var(--line2) !important;border-radius:8px !important;
  color:var(--ink) !important;font-family:var(--f-body) !important;
}
.inp:focus{border-color:var(--t-violet) !important;box-shadow:none !important;outline:2px solid var(--t-violet);outline-offset:0}
.inp::placeholder,textarea::placeholder,input::placeholder{font-weight:400 !important;color:#8E86A8 !important}
select.inp option{background:#fff !important;color:var(--ink)}
.cbx-box{border-color:var(--t-violet) !important;border-radius:5px !important}
.cbx input:checked + .cbx-box{background:var(--t-violet) !important;box-shadow:none !important;transform:none !important}

/* ---------- Chips y etiquetas ---------- */
.chip{
  font-family:var(--f-body) !important;font-weight:600 !important;font-size:13px !important;
  background:var(--t-white) !important;color:var(--ink) !important;border:1.5px solid var(--line2) !important;
}
.chip:hover{border-color:var(--t-violet) !important}
.chip.on{background:var(--t-violet) !important;color:#fff !important;border-color:var(--t-violet) !important}
.toggle-p{font-family:var(--f-body) !important;font-weight:600 !important;font-size:13px !important;letter-spacing:0;background:var(--t-white) !important;color:var(--ink-soft) !important;border:1.5px solid var(--line2) !important;border-radius:8px !important}
.toggle-p.on{background:var(--ok) !important;color:#fff !important;border-color:var(--ok) !important}
/* placas oscuras con borde lila: como las de fecha y lugar del flyer */
.tag,.idchip{background:var(--t-deep) !important;color:#fff !important;border:1px solid #9C83F5 !important}
.tag{font-family:var(--f-body) !important;font-weight:600 !important;font-size:12px !important;letter-spacing:0;border-radius:7px !important;padding:4px 10px !important}
.idchip{border-radius:10px !important}
.idchip .k{background:var(--t-lilac) !important;color:var(--t-deep) !important}
.idchip .cap{font-family:var(--f-body) !important;font-size:11px !important;letter-spacing:0 !important;text-transform:none !important;color:var(--t-lilac) !important}
.pill{font-family:var(--f-body) !important;font-weight:600 !important;font-size:12px !important;letter-spacing:0}
.gchip{
  font-family:var(--f-body) !important;font-weight:600 !important;font-size:12px !important;letter-spacing:0;
  backdrop-filter:none !important;-webkit-backdrop-filter:none !important;box-shadow:none !important;border-radius:6px !important;
}
.gsel{font-family:var(--f-body) !important;background:var(--t-white) !important;border:1.5px solid var(--line2) !important;border-radius:8px !important;box-shadow:none !important;backdrop-filter:none !important}
.sp-pill{background:var(--t-white) !important;border:1.5px solid var(--t-violet) !important;border-radius:8px !important}
.soc{font-family:var(--f-body) !important;font-weight:600 !important;font-size:13px !important;letter-spacing:0;background:var(--t-white) !important;border:1.5px solid var(--line2) !important;border-radius:8px !important}
.soc:hover{background:var(--t-deep) !important;border-color:var(--t-deep) !important;color:#fff !important}
.soc:hover svg{color:#fff}

/* ---------- Avisos ---------- */
.banner{border-radius:8px !important}
.banner.info{background:var(--t-tint) !important;color:var(--t-deep) !important;border:1px solid var(--t-lilac) !important}

/* ---------- Tablas ---------- */
.tbl th,.cumat thead th{
  font-family:var(--f-body) !important;font-weight:700 !important;font-size:12px !important;letter-spacing:0 !important;
  text-transform:none !important;color:var(--ink-soft) !important;
}
.cumat thead th{background:var(--t-tint) !important;color:var(--t-deep) !important}
.tbl tr:hover td{background:var(--t-paper) !important}
.tbl td,.cumat td{border-bottom:1px solid var(--line) !important}

/* ---------- Ventanas emergentes ---------- */
#anuncio-ov,#consejo-ov{background:rgba(22,11,51,.6) !important;backdrop-filter:none !important}
.anuncio-card{background:var(--t-white) !important;border:0 !important;border-top:6px solid var(--t-violet) !important;border-radius:12px !important;box-shadow:0 20px 50px rgba(22,11,51,.3) !important}
.anuncio-card h2{font-family:var(--f-title) !important;font-weight:900 !important;font-size:clamp(26px,5.6vw,36px) !important;line-height:1.08 !important;letter-spacing:-.01em !important;text-transform:none;color:var(--t-deep) !important}
.anuncio-badge{font-family:var(--f-body) !important;font-weight:600 !important;font-size:12px !important;letter-spacing:0 !important;text-transform:none !important;background:var(--t-tint) !important;color:var(--t-violet) !important;border:0 !important}

/* ---------- Detalles ---------- */
.bartk{background:var(--t-tint) !important;height:8px !important}
.mdsec,.foot{border-color:var(--line) !important}
.spin{border-top-color:var(--t-violet) !important}
::-webkit-scrollbar-thumb{background:var(--t-violet) !important;background-clip:padding-box !important}
::-webkit-scrollbar-track{background:var(--t-tint) !important}

/* ---------- Celular ---------- */
@media(max-width:560px){
  .tin{padding:10px 12px !important}
  .nav button{font-size:13.5px !important;padding:8px 11px !important}
  .btn{font-size:16px !important}
}
@media(prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important}}

/* divisor de la inscripción: filo recto, no barra con brillo */
div[style*="height:6px"][style*="gradient"]{width:100% !important;height:3px !important;border-radius:0 !important;background:var(--t-violet) !important;box-shadow:none !important;margin-bottom:26px !important}

/* =====================================================================
   BOTÓN DE MODO OSCURO
   ===================================================================== */
#tema-btn{
  position:fixed;right:14px;bottom:14px;z-index:9999;display:flex;align-items:center;gap:7px;
  padding:9px 13px;border-radius:999px;cursor:pointer;
  font:600 13px/1 var(--f-body);background:var(--t-white);color:var(--ink);
  border:1.5px solid var(--line2);box-shadow:0 2px 10px rgba(22,11,51,.18);
}
#tema-btn:hover{border-color:var(--t-violet)}
#tema-btn .tb-i{display:flex}

/* =====================================================================
   MODO OSCURO  (html[data-tema="dark"])
   ===================================================================== */
html[data-tema="dark"]{
  color-scheme:dark;
  --brand:#CDBDFF;
  --violet-bright:#9C83F5;
  --violet-glow:#8F72F2;
  --violet-wash:rgba(156,131,245,.16);
  --ink:#EEE9FB;
  --ink-soft:#BFB4E0;
  --ink-dim:#8F84B3;
  --line:rgba(238,233,251,.13);
  --line2:rgba(238,233,251,.24);
  --gold:#E3B94A;
  --ok:#4CCB97; --ok-wash:rgba(76,203,151,.16);
  --danger:#FF7A8E; --danger-wash:rgba(255,122,142,.16);
  --t-paper:#110A24;
  --t-white:#1C1336;
  --t-tint:#271B49;
  --t-lilac:#3A2A70;
  --t-deep:#CDBDFF;
  --t-violet:#6B45F0;
}
html[data-tema="dark"] body{background:var(--t-paper) !important;color:var(--ink)}
/* --t-deep se usa como texto (claro) y como fondo (debe ser oscuro) */
html[data-tema="dark"] .tag,
html[data-tema="dark"] .idchip{background:#3A2A70 !important;color:#fff !important;border-color:#9C83F5 !important}
html[data-tema="dark"] .idchip .k{background:#9C83F5 !important;color:#110A24 !important}
html[data-tema="dark"] .wkav{background:#4A1FD0 !important}
html[data-tema="dark"] .btn-p:hover,
html[data-tema="dark"] .anuncio-cta:hover,
html[data-tema="dark"] .soc:hover{background:#6B45F0 !important;border-color:#6B45F0 !important;color:#fff !important}
html[data-tema="dark"] .btn-g{border-color:#9C83F5 !important}
html[data-tema="dark"] .nav button.on,
html[data-tema="dark"] .clist-tabs button.on{background:#6B45F0 !important;border-color:#6B45F0 !important;color:#fff !important}
html[data-tema="dark"] select.inp option{background:#1C1336 !important;color:#EEE9FB}
html[data-tema="dark"] input::placeholder,
html[data-tema="dark"] textarea::placeholder{color:#8F84B3}
html[data-tema="dark"] .consent,html[data-tema="dark"] .wkrow{background:var(--t-tint) !important}
/* colores claros escritos a mano dentro de las páginas */
html[data-tema="dark"] [style*="#ECE4F9"],html[data-tema="dark"] [style*="#F0E9FA"],
html[data-tema="dark"] [style*="#EFEBFA"],html[data-tema="dark"] [style*="#F6F4FB"],
html[data-tema="dark"] [style*="#fff;"],html[data-tema="dark"] [style*="#FFF;"],
html[data-tema="dark"] [style*="background:#fff"],html[data-tema="dark"] [style*="background:white"]{background:var(--t-tint) !important;color:var(--ink) !important}
html[data-tema="dark"] .toggle-p{background:var(--t-tint) !important}
html[data-tema="dark"] .toggle-p.on{background:#1B7F57 !important;color:#fff !important}
html[data-tema="dark"] .pc.cok{background:rgba(76,203,151,.18) !important;color:#4CCB97 !important}
html[data-tema="dark"] .pc.cno{background:rgba(255,122,142,.18) !important;color:#FF7A8E !important}
html[data-tema="dark"] .pc.cfut{color:#7d7399 !important}
html[data-tema="dark"] .pf-p{background:rgba(156,131,245,.14);border-left-color:#9C83F5}
html[data-tema="dark"] .pf-s{border-left-color:#9C83F5}
html[data-tema="dark"] .mk.p{background:#9C83F5;color:#110A24}
html[data-tema="dark"] .mk.s{color:#CDBDFF;border-color:#9C83F5}
html[data-tema="dark"] ::-webkit-scrollbar-track{background:rgba(238,233,251,.06)}
html[data-tema="dark"] #tema-btn{box-shadow:0 2px 12px rgba(0,0,0,.5)}
html[data-tema="dark"] img.logo,html[data-tema="dark"] .topbar img{filter:none}
html[data-tema="dark"] select,html[data-tema="dark"] input,html[data-tema="dark"] textarea{background-color:var(--t-white);color:var(--ink);border-color:var(--line2)}
html[data-tema="dark"] #ae-sel{background:var(--t-white) !important;color:var(--ink) !important}

/* =====================================================================
   ELEMENTOS CON EL LENGUAJE DE LAS TARJETAS DE ÁREA
   (violeta profundo → azul/ciruela, borde lila, ilustración que asoma)
   ===================================================================== */
/* Etiquetas de área: cada área con su tono de tarjeta */
.tag.ar{border:1px solid #9C83F5 !important;color:#fff !important}
.tag.ar0{background:linear-gradient(165deg,#4A1FD0,#1B0B4D) !important}
.tag.ar1{background:linear-gradient(165deg,#2C48E0,#101A60) !important}
.tag.ar2{background:linear-gradient(165deg,#8A22C8,#2B0A52) !important}
.tag.ar3{background:linear-gradient(165deg,#3A2BC8,#150E4C) !important}

/* Pestañas y selectores: píldora con la misma placa de las tarjetas */
.nav{border-radius:999px !important;padding:4px !important;background:var(--t-tint) !important;border:1px solid var(--line2) !important}
.nav button{border-radius:999px !important;padding:9px 18px !important}
.nav button.on,.clist-tabs button.on{
  background:linear-gradient(165deg,#4A1FD0,#1B0B4D) !important;color:#fff !important;border-color:#9C83F5 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22) !important;
}
.clist-tabs button{border-radius:999px !important}
.chip,.chips .chip{border-radius:999px !important}
.chip.on{background:linear-gradient(165deg,#4A1FD0,#1B0B4D) !important;color:#fff !important;border-color:#9C83F5 !important}

/* Botón principal: placa violeta con realce superior */
.btn-p,.anuncio-cta{
  background:linear-gradient(165deg,#4A1FD0 0%,#2A1068 100%) !important;color:#fff !important;
  border:1px solid #9C83F5 !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.25) !important;
}
.btn-p:hover,.anuncio-cta:hover{background:linear-gradient(165deg,#5A32E0 0%,#34187F 100%) !important}

/* Avisos: bloque con filo lateral */
.banner{border-radius:12px !important;border-left-width:5px !important}
.banner.ok{border-left-color:var(--ok) !important}
.banner.warn{border-left-color:var(--danger) !important}
.banner.info{border-left-color:var(--t-violet) !important}

/* Tarjetas de eventos: franja de color del área + ilustración chica */
.evc{position:relative;overflow:hidden;padding-top:22px !important}
.evc::before{content:'';position:absolute;left:0;right:0;top:0;height:7px;background:linear-gradient(90deg,var(--c1,#4A1FD0),var(--c2,#1B0B4D))}
.evc.ev-con-ill{padding-right:84px !important}
.ev-ill{position:absolute;right:10px;top:16px;width:64px;height:64px;pointer-events:none;filter:drop-shadow(0 6px 8px rgba(27,11,77,.25))}
.ev-ill svg{width:100%;height:100%}

/* Sugerencia de área y marca en el panel */
.sugcard{background:var(--t-tint) !important;border-color:var(--t-violet) !important}
.sugchip{color:var(--t-violet) !important;border-color:var(--t-violet) !important;background:var(--t-tint) !important}
html[data-tema="dark"] .sugchip{color:#CDBDFF !important;border-color:#9C83F5 !important}
html[data-tema="dark"] .nav{background:var(--t-tint) !important}
html[data-tema="dark"] .nav button:not(.on){color:var(--ink-soft) !important}
html[data-tema="dark"] .btn-p,html[data-tema="dark"] .anuncio-cta{background:linear-gradient(165deg,#6B45F0,#34187F) !important}
html[data-tema="dark"] .btn-p:hover,html[data-tema="dark"] .anuncio-cta:hover{background:linear-gradient(165deg,#7A56FA,#3F208F) !important}
html[data-tema="dark"] .evc::before{opacity:.9}
@media (prefers-reduced-motion:reduce){.evc,.btn-p{transition:none !important}}

/* =====================================================================
   GENTE CAMINANDO SOBRE EL FILO DE LA BARRA SUPERIOR (calle.js)
   ===================================================================== */
.topbar{position:sticky}
.calle{position:absolute;left:0;right:0;bottom:0;height:30px;overflow:hidden;pointer-events:none}
.calle .p{position:absolute;bottom:0;left:0;display:block;will-change:transform;animation:calleR var(--d,40s) linear infinite;animation-delay:var(--dl,0s)}
.calle .p.l{animation-name:calleL}
.calle .p.l svg{transform:scaleX(-1)}
.calle svg{display:block;fill:#2A1068;color:#2A1068;animation:calleBob var(--s,.7s) ease-in-out infinite alternate}
.calle svg.c1{fill:#4A1FD0;color:#4A1FD0}.calle svg.c2{fill:#6B45F0;color:#6B45F0}.calle svg.c3{fill:#9C83F5;color:#9C83F5}
.calle .pr{fill:currentColor;opacity:.85}
.calle .leg,.calle .arm{transform-box:fill-box;transform-origin:50% 0}
.calle .leg.a{animation:calleLegA var(--s,.7s) ease-in-out infinite alternate}
.calle .leg.b{animation:calleLegB var(--s,.7s) ease-in-out infinite alternate}
.calle .arm.a{animation:calleLegB var(--s,.7s) ease-in-out infinite alternate}
@keyframes calleR{from{transform:translateX(-30px)}to{transform:translateX(calc(100vw + 30px))}}
@keyframes calleL{from{transform:translateX(calc(100vw + 30px))}to{transform:translateX(-30px)}}
@keyframes calleLegA{from{transform:rotate(-24deg)}to{transform:rotate(24deg)}}
@keyframes calleLegB{from{transform:rotate(24deg)}to{transform:rotate(-24deg)}}
@keyframes calleBob{from{transform:translateY(0)}to{transform:translateY(-1.2px)}}
.calle .p.l svg{animation-name:calleBobL}
@keyframes calleBobL{from{transform:scaleX(-1) translateY(0)}to{transform:scaleX(-1) translateY(-1.2px)}}
html[data-tema="dark"] .calle svg{fill:#CDBDFF;color:#CDBDFF}
html[data-tema="dark"] .calle svg.c1{fill:#9C83F5;color:#9C83F5}
html[data-tema="dark"] .calle svg.c2{fill:#B9A5FF;color:#B9A5FF}
html[data-tema="dark"] .calle svg.c3{fill:#7B5CF0;color:#7B5CF0}
@media (max-width:600px){.calle .p:nth-child(n+6){display:none}}
@media (prefers-reduced-motion:reduce){
  .calle .p{animation:none;left:var(--x,10%)}
  .calle svg,.calle .leg,.calle .arm{animation:none !important}
}
.topbar .tin{padding-bottom:26px !important}
.calle{height:26px}
.calle .p{z-index:0}

/* Barra de pestañas: con varias filas la píldora total desborda los chips; radio fijo */
.nav{border-radius:18px !important}
.nav button{border-radius:12px !important}
.clist-tabs button{border-radius:12px !important}
.chip,.chips .chip{border-radius:12px !important}

/* Mapa */
html[data-tema="dark"] #map-svg .mbg{fill:#1C1336}
html[data-tema="dark"] #map-svg .cm{stroke:#110A24}
html[data-tema="dark"] #map-svg .mw{filter:brightness(2.2)}