/* ColorMusic Argentina 2.4.0: portada y secciones según las láminas de ChatGPT (11-oct-2026).
   Sistema: rejilla de 12 columnas (margen --gut, separación --gap), espaciado 4/8/12/16/24/32/48/64, un solo radio, sombra y borde.
   Todos los valores de color, tipografía, espaciado y radio viven en :root (no hay valores sueltos repetidos). */
:root{
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;
  --gut:16px;--gap:16px;--w:1240px;--r:12px;--rs:8px;
  --cm-bg:#faf8f4;--cm-card:#fff;--cm-ink:#0b1b3a;--cm-ink2:#4a5672;--cm-mute:#5b6781;--cm-line:#e3dfd6;--cm-ph:#dfe7f2;
  --cm-blue:#1550c8;--cm-blue2:#1b66e8;--cm-btn:#1550c8;--cm-navy:#0b1b3a;--cm-pink:#c2185b;--cm-num:#7c869b;
  --cm-sh:0 1px 2px rgba(11,27,58,.04),0 4px 14px rgba(11,27,58,.05);--cm-sh2:0 2px 4px rgba(11,27,58,.06),0 10px 24px rgba(11,27,58,.1);
  --cm-serif:"Playfair Display",Georgia,"Times New Roman",serif;--cm-sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --k-musica:#ff6f4e;--k-cine:#e64b8c;--k-streaming:#2f7ff0;--k-celebridades:#f29a2e;--k-giras:#22b07d;--k-agenda:#6b4fe0;
  --kb-musica:#ffe3da;--kf-musica:#8a2c10;--kb-cine:#fde0ec;--kf-cine:#8a1f52;--kb-streaming:#dce8fd;--kf-streaming:#154196;--kb-celebridades:#fde9d0;--kf-celebridades:#85470a;--kb-giras:#d5f2e6;--kf-giras:#0f5a41;--kb-agenda:#e6e0fb;--kf-agenda:#43309e;
  /* compatibilidad con el CSS del especial Lollapalooza (usa --ca-*) */
  --ca-paper:var(--cm-bg);--ca-card:var(--cm-card);--ca-ink:var(--cm-ink);--ca-ink2:var(--cm-ink2);--ca-line:var(--cm-line);--ca-blue:var(--cm-blue);--ca-bluebtn:var(--cm-blue2);--ca-skysoft:#eaf3fd;--ca-ph:var(--cm-ph);
  --ca-serif:var(--cm-serif);--ca-sans:var(--cm-sans);--ca-r:var(--r);--ca-shadow:var(--cm-sh);--ca-head:64px;
}
:root[data-theme="dark"]{
  --cm-bg:#0a1428;--cm-card:#111f3a;--cm-ink:#f2f5fc;--cm-ink2:#b3bfd6;--cm-mute:#9fb0cc;--cm-line:#233556;--cm-ph:#14274a;--cm-blue:#7db2ff;--cm-blue2:#3f86ff;--cm-num:#8394b3;--cm-pink:#d81b6c;
  --cm-sh:0 1px 2px rgba(0,0,0,.45),0 6px 20px rgba(0,0,0,.3);--cm-sh2:0 2px 4px rgba(0,0,0,.5),0 12px 28px rgba(0,0,0,.45);
  --kb-musica:#4a2216;--kf-musica:#ffc9b8;--kb-cine:#4a1832;--kf-cine:#ffc2dc;--kb-streaming:#16305a;--kf-streaming:#b9d4ff;--kb-celebridades:#4a3112;--kf-celebridades:#ffd9a6;--kb-giras:#103d2e;--kf-giras:#a8ecd0;--kb-agenda:#2b2160;--kf-agenda:#d3c9ff;
  --ca-skysoft:#10264a;
}
@media (min-width:700px){:root{--gut:24px;--gap:24px}}
@media (min-width:1280px){:root{--gut:32px}}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip}
body.cm-v24{margin:0;background:var(--cm-bg);color:var(--cm-ink);font:400 16px/1.55 var(--cm-sans);overflow-x:clip}
.cm-v24 img,.cm-v24 svg{max-width:100%}.cm-v24 img{display:block;height:auto}
.cm-v24 a{color:inherit;text-decoration:none}
.cm-v24 button,.cm-v24 input{font:inherit;color:inherit}.cm-v24 button{cursor:pointer}
.cm-v24 h1,.cm-v24 h2,.cm-v24 h3,.cm-v24 h4,.cm-v24 p,.cm-v24 ul,.cm-v24 ol,.cm-v24 figure{margin:0}
.cm-v24 ul,.cm-v24 ol{padding:0;list-style:none}
.cm-v24 :focus-visible{outline:3px solid var(--cm-blue2);outline-offset:2px;border-radius:6px}
.cm-v24 .ca-i{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.cm-wrap{width:100%;max-width:var(--w);margin:0 auto;padding:0 var(--gut)}
.cm-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cm-skip{position:absolute;left:-999px;top:var(--s2);z-index:300;background:var(--cm-blue2);color:#fff;padding:var(--s3) var(--s4);border-radius:var(--rs)}
.cm-skip:focus{left:var(--s3)}
.cm-v24 .ca-progress{position:fixed;left:0;top:0;height:3px;width:0;background:var(--cm-blue2);z-index:250}
.cm-toast{position:fixed;left:50%;bottom:var(--s5);transform:translate(-50%,16px);background:var(--cm-navy);color:#fff;padding:var(--s3) var(--s4);border-radius:var(--rs);opacity:0;pointer-events:none;transition:.2s;z-index:300;font-size:14px}
.cm-toast.on{opacity:1;transform:translate(-50%,0)}

/* ---------- cabecera ---------- */
.cm-tick{background:var(--cm-navy);color:#e8edf8;font-size:13px;line-height:20px}
.cm-tick-in{display:flex;gap:var(--s4);align-items:flex-start;padding-top:var(--s2);padding-bottom:var(--s2)}
.cm-tick b{display:inline-flex;align-items:center;gap:6px;flex:none;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:#ff9aa2}
.cm-dot{width:8px;height:8px;border-radius:50%;background:#ff4d5e;display:inline-block}
.cm-tick-l{display:flex;flex-wrap:wrap;column-gap:var(--s5);height:20px;overflow:hidden;min-width:0}
.cm-tick-l a{white-space:nowrap}.cm-tick-l a:hover{text-decoration:underline}
@media (max-width:899px){.cm-tick-l{height:auto}.cm-tick-l a{white-space:normal}.cm-tick-l a:nth-child(n+2){display:none}}
.cm-head{position:sticky;top:0;z-index:100;background:var(--cm-card);border-bottom:1px solid var(--cm-line)}
.cm-bar{display:flex;align-items:center;gap:var(--s5);height:64px}
.cm-logo{display:inline-flex;flex-direction:column;line-height:1;flex:none}
.cm-logo span{font:800 28px/1 var(--cm-serif);color:var(--cm-ink);letter-spacing:-.01em}
.cm-logo b{color:var(--cm-blue)}
.cm-logo small{font:600 9px/1 var(--cm-sans);letter-spacing:.34em;color:var(--cm-mute);margin-top:var(--s1);text-align:center}
.cm-head .ca-nav{display:none;align-items:center;gap:var(--s4);margin:0 auto 0 var(--s4);flex-wrap:nowrap}
.cm-head .ca-nav a{position:relative;font:500 13.5px/1 var(--cm-sans);padding:var(--s3) 0;white-space:nowrap;color:var(--cm-ink)}
.cm-head .ca-nav a:hover{color:var(--cm-blue)}
.cm-head .ca-nav a[aria-current]{color:var(--cm-blue);font-weight:600}
.cm-head .ca-nav a[aria-current]::after{content:"";position:absolute;left:0;right:0;bottom:var(--s1);height:2px;border-radius:2px;background:var(--cm-blue2)}
.cm-head .ca-nav a.ca-lx-nav{color:#c2187a;font-weight:700}
:root[data-theme="dark"] .cm-head .ca-nav a.ca-lx-nav{color:#ff8cc6}
.cm-hs{display:none;align-items:center;gap:var(--s2);height:40px;padding:0 var(--s4);border:1px solid var(--cm-line);border-radius:999px;background:var(--cm-bg);width:176px;flex:none}
.cm-hs input{border:0;background:none;outline:0;width:100%;font-size:13px;min-width:0}
.cm-hs:focus-within{border-color:var(--cm-blue2)}
.cm-tools{display:flex;align-items:center;gap:var(--s2);margin-left:auto}
.cm-head .ca-nav + .cm-hs + .cm-tools{margin-left:0}
.cm-ic,.cm-theme{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--cm-line);background:var(--cm-card);color:var(--cm-ink);padding:0}
.cm-ic:hover,.cm-theme:hover{border-color:var(--cm-blue2);color:var(--cm-blue)}
.cm-luna{display:none}:root[data-theme="dark"] .cm-sol{display:none}:root[data-theme="dark"] .cm-luna{display:block}
@media (min-width:1180px){.cm-head .ca-nav{display:flex}.cm-burger{display:none}.cm-ic-s{display:none}}
@media (min-width:1360px){.cm-hs{display:flex}.cm-ic-s{display:none}.cm-head .ca-nav{gap:14px}.cm-bar .cm-hs{margin-left:0}}
@media (max-width:1179px){.cm-bar{gap:var(--s4)}}
.cm-menu{position:fixed;inset:0;background:var(--cm-bg);z-index:200;display:none;flex-direction:column;gap:var(--s4);padding:var(--s4);overflow:auto}
.cm-menu.on{display:flex}
.cm-menu-top{display:flex;justify-content:space-between;align-items:center}
.cm-hs-m{display:flex;width:100%}
.ca-menu-l a{display:block;padding:var(--s3) 0;font:600 20px/1.2 var(--cm-serif);border-bottom:1px solid var(--cm-line)}
.ca-menu-l a.ca-lx-nav{color:#c2187a}
.cm-menu-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);font-size:14px}
.cm-menu-s{display:flex;gap:var(--s4);flex-wrap:wrap;font-size:14px;color:var(--cm-ink2)}

/* ---------- bloques y títulos ---------- */
.cm-main{padding-bottom:var(--s8)}
.cm-blk{margin-top:var(--s7)}
.cm-hero{margin-top:var(--s5)}
.cm-sh{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s4);margin-bottom:var(--s5)}
.cm-sh h2,.cm-phead h1{font:800 clamp(30px,3.4vw,44px)/1.1 var(--cm-serif);color:var(--cm-ink);letter-spacing:-.01em;text-wrap:balance}
.cm-sh-t p,.cm-phead p{margin-top:var(--s2);font-size:15px;line-height:1.5;color:var(--cm-ink2);max-width:62ch}
.cm-bar-x,.cm-sh .cm-bar,.cm-phead .cm-bar{display:block;width:48px;height:4px;border-radius:2px;background:var(--cm-blue2);margin-top:var(--s3)}
.cm-bar[data-s=musica]{background:var(--k-musica)}.cm-bar[data-s=cine-y-tv]{background:var(--k-cine)}.cm-bar[data-s=streaming]{background:var(--k-streaming)}.cm-bar[data-s=celebridades]{background:var(--k-celebridades)}.cm-bar[data-s=giras-y-festivales]{background:var(--k-giras)}.cm-bar[data-s=agenda]{background:var(--k-agenda)}
.cm-more{display:inline-flex;align-items:center;gap:var(--s2);font:600 14px/1.2 var(--cm-sans);color:var(--cm-blue);white-space:nowrap;padding-bottom:var(--s1)}
.cm-more:hover{text-decoration:underline}
.cm-eyebrow{font:700 12px/1.2 var(--cm-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--cm-mute);margin-bottom:var(--s3)}
@media (max-width:699px){.cm-blk{margin-top:var(--s6)}.cm-sh{flex-direction:column;align-items:flex-start;gap:var(--s1);margin-bottom:var(--s4)}.cm-sh-t p{font-size:14px;margin-top:var(--s1)}.cm-sh .cm-bar{margin-top:var(--s2)}}

/* ---------- imágenes: proporción fija ---------- */
.cm-m{position:relative;display:block;overflow:hidden;background:var(--cm-ph);aspect-ratio:var(--ar,16/9)}
.cm-m img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.cm-m.is-fit::before{content:"";position:absolute;inset:-24px;background:var(--bg) center/cover;filter:blur(18px) brightness(.7);transform:scale(1.1)}
.cm-m.is-fit img{object-fit:contain}
.cm-m-vacio{display:grid;place-items:center;color:var(--cm-mute)}.cm-m-vacio .ca-i{width:32px;height:32px}
@media (prefers-reduced-motion:reduce){.cm-m img{transition:none}}

/* ---------- etiquetas (secciones) ---------- */
.cm-k{display:inline-flex;align-self:flex-start;align-items:center;padding:3px var(--s2);border-radius:6px;font:700 11px/1.3 var(--cm-sans);letter-spacing:.05em;text-transform:uppercase;background:#e6ecf7;color:#1c2f57;white-space:nowrap}
.cm-k[data-s=musica]{background:var(--kb-musica);color:var(--kf-musica)}.cm-k[data-s=cine-y-tv]{background:var(--kb-cine);color:var(--kf-cine)}.cm-k[data-s=streaming]{background:var(--kb-streaming);color:var(--kf-streaming)}
.cm-k[data-s=celebridades]{background:var(--kb-celebridades);color:var(--kf-celebridades)}.cm-k[data-s=giras-y-festivales]{background:var(--kb-giras);color:var(--kf-giras)}.cm-k[data-s=agenda]{background:var(--kb-agenda);color:var(--kf-agenda)}
.cm-k-esp{background:#ffd23f;color:#3b2f00}
.cm-over .cm-k[data-s=musica]{background:#ffe3da;color:#8a2c10}.cm-over .cm-k[data-s=cine-y-tv]{background:#fde0ec;color:#8a1f52}.cm-over .cm-k[data-s=streaming]{background:#dce8fd;color:#154196}.cm-over .cm-k[data-s=celebridades]{background:#fde9d0;color:#85470a}.cm-over .cm-k[data-s=giras-y-festivales]{background:#d5f2e6;color:#0f5a41}
.cm-meta{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--s1) var(--s2);font-size:12.5px;line-height:1.4;color:var(--cm-mute)}
.cm-meta i{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.7}
.cm-foot{margin-top:auto;padding-top:var(--s2);display:flex;align-items:center;justify-content:space-between;gap:var(--s2)}

/* ---------- tarjetas ---------- */
.cm-card,.cm-row,.cm-ev,.cm-caja,.cm-mastile,.cm-chips a,.cm-ay{background:var(--cm-card);border:1px solid var(--cm-line);border-radius:var(--r);box-shadow:var(--cm-sh)}
.cm-card,.cm-ev{position:relative;display:flex;flex-direction:column;overflow:hidden;height:100%;transition:transform .2s,box-shadow .2s}
.cm-card:hover,.cm-ev:hover,.cm-row:hover{transform:translateY(-2px);box-shadow:var(--cm-sh2)}
.cm-card:hover .cm-m img,.cm-ev:hover .cm-m img,.cm-row:hover .cm-m img,.cm-over:hover .cm-m img{transform:scale(1.03)}
.cm-cb{display:flex;flex-direction:column;gap:var(--s2);flex:1;padding:var(--s4)}
.cm-cb h3,.cm-rb h3{font:700 19px/1.25 var(--cm-serif);color:var(--cm-ink);text-wrap:balance}
.cm-ev .cm-cb{padding:var(--s3) var(--s4) var(--s4);gap:6px}.cm-ev .cm-cb h3{font-size:17.5px}
.cm-card h3 a::after,.cm-ev h3 a::after,.cm-row h3 a::after,.cm-over h2 a::after,.cm-over h3 a::after,.cm-topi h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.cm-card h3 a:hover,.cm-ev h3 a:hover,.cm-row h3 a:hover,.cm-topi h3 a:hover{text-decoration:underline;text-underline-offset:3px}
.cm-row{position:relative;display:grid;grid-template-columns:clamp(112px,36%,168px) minmax(0,1fr);gap:var(--s4);align-items:center;padding:var(--s3);height:100%;transition:transform .2s,box-shadow .2s;--ar:1.6}
.cm-row .cm-m{border-radius:var(--rs)}
.cm-rb{display:flex;flex-direction:column;gap:var(--s2);align-self:stretch;justify-content:center;min-width:0}
.cm-rb h3{font-size:16px}
.cm-rb .cm-foot{margin-top:0;padding-top:0}
.cm-ev .cm-m{--ar:16/9;border-radius:0}.cm-evm{position:relative}
.cm-date{position:absolute;left:var(--s3);top:var(--s3);display:flex;flex-direction:column;align-items:center;min-width:44px;padding:5px var(--s2);border-radius:var(--rs);background:#fff;color:#0b1b3a;box-shadow:0 2px 8px rgba(0,0,0,.25);text-align:center;line-height:1}
.cm-date small{font:700 10.5px/1.2 var(--cm-sans);letter-spacing:.06em;text-transform:uppercase}.cm-date b{font:800 20px/1.1 var(--cm-serif)}
.cm-li{display:flex;align-items:flex-start;gap:var(--s2);font-size:13px;line-height:1.4;color:var(--cm-ink2)}
.cm-li .ca-i{width:16px;height:16px;margin-top:2px;color:var(--cm-mute)}.cm-li span{display:flex;flex-direction:column}.cm-li b{font-weight:500;color:var(--cm-ink2)}.cm-li small{font-size:12.5px;color:var(--cm-mute)}
.cm-ev .cm-foot{align-items:center}
.cm-save{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;border:0;background:none;color:var(--cm-ink2);padding:0;position:relative;z-index:2;margin:-6px -6px -6px 0}
.cm-save:hover{background:var(--cm-bg);color:var(--cm-blue)}
.cm-save[aria-pressed=true] svg{fill:currentColor;color:var(--cm-blue)}

/* texto sobre foto: el degradado va solo bajo el texto */
.cm-over{position:relative;overflow:hidden;border-radius:var(--r);background:#0b1b3a;color:#fff;box-shadow:var(--cm-sh);min-height:0;height:100%}
.cm-over .cm-m{position:absolute;inset:0;aspect-ratio:auto;border-radius:0}
.cm-ov-t{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:var(--s2);padding:var(--s6) var(--s5) var(--s5);background:linear-gradient(to top,rgba(6,12,28,.93) 0,rgba(6,12,28,.84) 62%,rgba(6,12,28,0) 100%);z-index:1}
.cm-ov-t h2,.cm-ov-t h3{font:800 clamp(22px,2.4vw,34px)/1.18 var(--cm-serif);color:#fff;text-wrap:balance}
.cm-ov-t .cm-meta{color:#d3dcf0}.cm-ov-t .cm-foot{margin-top:0;padding-top:0}
.cm-deck{font-size:15px;line-height:1.5;color:#e4eaf7;max-width:62ch}
.cm-over-hero .cm-ov-t>*{max-width:82%}.cm-over-big .cm-ov-t>*{max-width:88%}
.cm-over-side .cm-ov-t{padding:var(--s5) 56px var(--s4) var(--s4);gap:6px}
.cm-over-side .cm-ov-t h3{font-size:17px;line-height:1.22;font-weight:700}
.cm-over-big .cm-ov-t h3{font-size:clamp(22px,2.1vw,28px)}
.cm-go{position:absolute;right:var(--s4);bottom:var(--s4);z-index:1;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.8);color:#fff;background:rgba(6,12,28,.55)}
.cm-go .ca-i{width:16px;height:16px}
.cm-over:hover .cm-go{background:#fff;color:#0b1b3a}

/* ---------- apertura: 1 grande + 3 (o 2) con la misma altura ---------- */
.cm-hero{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap)}
.cm-hero>.cm-over{grid-column:span 8;height:auto;aspect-ratio:4/3}
.cm-hero-s{grid-column:span 4;display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:var(--gap)}
.cm-hero-s2 .cm-hero-s{grid-template-rows:repeat(2,minmax(0,1fr))}
.cm-hero-s .cm-over{aspect-ratio:2/1;height:auto}
.cm-hero-s .cm-over{aspect-ratio:auto}
@media (min-width:900px){.cm-hero>.cm-over{aspect-ratio:auto;height:var(--hh,620px)}.cm-hero-s{height:var(--hh,620px)}.cm-hero-s2{--hh:560px}}
@media (min-width:900px) and (max-width:1199px){.cm-hero{--hh:520px}.cm-hero-s2{--hh:480px}}
@media (max-width:899px){
  .cm-hero>.cm-over,.cm-hero-s{grid-column:1/-1}
  .cm-hero-s{grid-template-rows:none;grid-template-columns:minmax(0,1fr)}.cm-hero-s2 .cm-hero-s{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cm-hero-s .cm-over{aspect-ratio:16/9}
  .cm-hero-s2 .cm-over{aspect-ratio:4/3}
}
@media (max-width:699px){.cm-hero-s,.cm-hero-s2 .cm-hero-s{grid-template-columns:1fr}.cm-deck{display:none}.cm-ov-t h2{font-size:24px}
  .cm-over,.cm-hero-s .cm-over,.cm-hero-s2 .cm-over,.cm-hero>.cm-over,.cm-mos>.cm-over,.cm-mit>.cm-over{aspect-ratio:auto;min-height:clamp(220px,60vw,300px);display:flex;flex-direction:column;justify-content:flex-end}
  .cm-ov-t{position:relative;gap:10px;padding:var(--s6) var(--s4) var(--s5)}.cm-over-hero .cm-ov-t>*,.cm-over-big .cm-ov-t>*{max-width:none}.cm-over-side .cm-ov-t{padding:var(--s6) 64px var(--s4) var(--s4)}}

/* ---------- lo más leído: 5 columnas en escritorio; lista de filas en tablet y móvil ---------- */
.cm-top{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s4)}
.cm-topi{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:var(--s4);row-gap:var(--s2);align-items:start;padding:var(--s4) 0;border-top:1px solid var(--cm-line)}
.cm-topf{grid-row:1/4;display:flex;align-items:center;gap:var(--s3)}
.cm-topf b{font:800 64px/1 var(--cm-serif);color:var(--cm-num);min-width:40px;letter-spacing:-.04em}
.cm-topf .cm-m{width:128px;--ar:1.6;border-radius:var(--rs)}
.cm-topi .cm-k{font-size:10px;padding:2px 6px;grid-column:2;justify-self:start}
.cm-topi h3{grid-column:2;font:700 14.5px/1.3 var(--cm-serif);color:var(--cm-ink);text-wrap:balance}
.cm-topi .cm-foot{grid-column:2;margin-top:0}
@media (min-width:1100px){
  .cm-top{grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--gap)}
  .cm-topi{display:flex;flex-direction:column;gap:var(--s2);padding:0 0 0 var(--s4);border-top:0;border-left:1px solid color-mix(in srgb,var(--cm-line) 55%,transparent)}
  .cm-topi .cm-foot{margin-top:auto;padding-top:var(--s2)}
  .cm-topi:first-child{padding-left:0;border-left:0}
  .cm-topf{grid-row:auto;width:100%}.cm-topf .cm-m{width:auto;flex:1}
  .cm-topf b{font-size:72px;min-width:44px}
}

/* ---------- especial ---------- */
.cm-esp{position:relative;margin-top:var(--s8);background:#0b1b3a;color:#fff;overflow:hidden;isolation:isolate}
.cm-esp>.cm-m{position:absolute;inset:0;aspect-ratio:auto;z-index:-2}
.cm-esp-in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap);align-items:center;padding-top:var(--s8);padding-bottom:var(--s8);background:linear-gradient(90deg,rgba(6,12,28,.88) 0,rgba(6,12,28,.7) 60%,rgba(6,12,28,.35) 100%);max-width:none;min-height:420px}
.cm-esp-in>*{grid-column:1/-1}
.cm-esp-t{display:flex;flex-direction:column;gap:var(--s3);align-items:flex-start;max-width:var(--w)}
.cm-esp h2{font:800 clamp(36px,5.2vw,68px)/1.05 var(--cm-serif);color:#fff;text-wrap:balance}
.cm-esp-f{font:600 clamp(17px,1.6vw,22px)/1.3 var(--cm-sans)}.cm-esp-l{display:flex;gap:var(--s2);align-items:center;font-size:15px;color:#e4eaf7}
.cm-btns{display:flex;gap:var(--s3);flex-wrap:wrap;margin-top:var(--s2)}
.cm-btn{display:inline-flex;align-items:center;gap:var(--s2);height:44px;padding:0 var(--s5);border-radius:999px;border:1.5px solid #fff;background:rgba(6,12,28,.55);color:#fff;font:600 14px/1 var(--cm-sans)}
.cm-btn:hover{background:#fff;color:#0b1b3a}
.cm-btn-p{background:#c2185b;border-color:#c2185b}.cm-btn-p:hover{background:#fff;border-color:#fff;color:#c2185b}
.cm-cuenta{align-self:center;background:rgba(6,12,28,.8);border:1px solid rgba(255,255,255,.22);border-radius:var(--r);padding:var(--s5);display:flex;flex-direction:column;gap:var(--s1)}
.cm-cuenta span:first-child{font:600 24px/1.1 var(--cm-serif)}.cm-cuenta b{font:800 76px/1 var(--cm-serif);letter-spacing:-.03em}
.cm-cuenta span:nth-child(3){font-size:15px;color:#e4eaf7}.cm-cuenta p{margin-top:var(--s3);padding-top:var(--s3);border-top:1px solid rgba(255,255,255,.22);font-size:13.5px;color:#e4eaf7}
.cm-cred{position:absolute;right:var(--s3);bottom:var(--s2);max-width:calc(100% - 24px);font-size:11px;line-height:1.3;background:rgba(6,12,28,.7);padding:2px var(--s2);border-radius:4px;color:#fff;margin:0}
.cm-cred a{text-decoration:underline}
@media (min-width:1000px){.cm-esp-in>.cm-esp-t{grid-column:1/9}.cm-esp-in>.cm-cuenta{grid-column:9/13}}
.cm-esp-n{margin-top:var(--s6)}
.cm-g4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}
.cm-g3{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gap)}
@media (min-width:600px){.cm-g3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.cm-g3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:599px){.cm-g4{grid-template-columns:minmax(0,1fr)}}
@media (min-width:1100px){.cm-g4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.cm-mastile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s3);padding:var(--s4);text-align:center;font:600 15px/1.3 var(--cm-sans);color:var(--cm-blue)}
.cm-mastile span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--cm-blue2);color:#fff}
.cm-mastile:hover{box-shadow:var(--cm-sh2)}

/* ---------- bloques de sección ---------- */
.cm-mos,.cm-mit{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gap)}
.cm-mos>.cm-over,.cm-mit>.cm-over{aspect-ratio:16/10;height:auto}
.cm-mos-l,.cm-mit-l{display:grid;grid-auto-rows:minmax(0,1fr);gap:var(--s4)}
@media (min-width:900px){
  .cm-mos{grid-template-columns:repeat(12,minmax(0,1fr))}.cm-mos>.cm-over{grid-column:span 7;aspect-ratio:auto;height:100%;min-height:420px}.cm-mos-l{grid-column:span 5}
  .cm-mos-r>.cm-over{order:2}.cm-mos-r .cm-mos-l{order:1}
  .cm-mit{grid-template-columns:repeat(12,minmax(0,1fr))}.cm-mit>.cm-over{grid-column:span 6;aspect-ratio:auto;height:100%;min-height:400px}.cm-mit-l{grid-column:span 6}
}
.cm-car{position:relative}
.cm-car-v{display:grid;grid-auto-flow:column;grid-auto-columns:78%;gap:var(--gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:var(--s1) 0 var(--s3)}
.cm-car-v::-webkit-scrollbar{display:none}.cm-car-v>*{scroll-snap-align:start}
@media (min-width:700px){.cm-car-v{grid-auto-columns:calc((100% - 2*var(--gap))/3)}}
@media (min-width:1100px){.cm-car-v{grid-auto-columns:calc((100% - 3*var(--gap))/4)}}
.cm-arr{position:absolute;top:80px;width:44px;height:44px;border-radius:50%;border:1px solid var(--cm-line);background:var(--cm-card);color:var(--cm-ink);box-shadow:var(--cm-sh2);display:grid;place-items:center;z-index:3;padding:0}
.cm-arr-p{left:-12px}.cm-arr-p .ca-i{transform:rotate(180deg)}.cm-arr-n{right:-12px}
.cm-arr[disabled]{visibility:hidden}
@media (max-width:699px){.cm-arr{display:none}}

/* ---------- personas, cumpleaños, recintos, ciudades ---------- */
.cm-pcs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5) var(--gap)}
@media (min-width:700px){.cm-pcs{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1100px){.cm-pcs.cm-n8{grid-template-columns:repeat(8,minmax(0,1fr))}}
.cm-pc a{display:flex;flex-direction:column;align-items:center;gap:var(--s1);text-align:center}
.cm-pc .cm-m,.cm-pr .cm-m{--ar:1;border-radius:50%;width:88px;flex:none;border:2px solid var(--cm-card);box-shadow:var(--cm-sh)}
.cm-pc b{margin-top:var(--s2);font:700 14px/1.25 var(--cm-serif)}.cm-pc small,.cm-pr small{font-size:12.5px;line-height:1.35;color:var(--cm-mute)}
.cm-pc a:hover b{text-decoration:underline}
.cm-dos{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gap)}
@media (min-width:900px){.cm-dos{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cm-caja{padding:var(--s5);display:flex;flex-direction:column;gap:var(--s3)}
.cm-ch{display:flex;justify-content:space-between;align-items:center;gap:var(--s4)}
.cm-ch h2{display:flex;align-items:center;gap:var(--s2);font:800 22px/1.2 var(--cm-serif)}.cm-ch h2 .ca-i{color:var(--cm-blue);width:22px;height:22px;stroke-width:1.8}
.cm-prs{display:grid;grid-auto-rows:minmax(72px,1fr);flex:1}
.cm-pr+.cm-pr{border-top:1px solid var(--cm-line)}
.cm-pr a{display:flex;align-items:center;gap:var(--s4);height:100%;padding:var(--s2) 0}
.cm-pr small em{font-style:normal;font-weight:600;color:var(--cm-ink2);margin-right:var(--s2)}
.cm-pr .cm-m{width:56px}.cm-pr span:not(.cm-m){display:flex;flex-direction:column;min-width:0}.cm-pr b{font:700 15px/1.3 var(--cm-serif)}
.cm-pr a:hover b{text-decoration:underline}
.cm-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}
@media (min-width:900px){.cm-chips{grid-template-columns:repeat(4,minmax(0,1fr))}}
.cm-chips a{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:var(--s3);padding:var(--s4);height:100%;align-items:center}
.cm-chips .ca-i{grid-row:1/3;color:var(--cm-blue);width:24px;height:24px}.cm-chips span{font:700 15px/1.3 var(--cm-serif)}.cm-chips b{font:500 12.5px/1.4 var(--cm-sans);color:var(--cm-mute)}
.cm-chips a:hover{box-shadow:var(--cm-sh2)}
.cm-busca-in{background:var(--cm-navy);color:#fff;border-radius:var(--r);padding:var(--s7) var(--s5);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s5);border:1px solid rgba(255,255,255,.12)}
.cm-busca h2{font:800 clamp(28px,3vw,40px)/1.15 var(--cm-serif);color:#fff}.cm-busca-in>div p{margin-top:var(--s2);color:#d3dcf0}
.cm-busca form{display:flex;align-items:center;gap:var(--s2);background:#fff;color:#0b1b3a;border-radius:999px;padding:var(--s1) var(--s1) var(--s1) var(--s4);height:52px}
.cm-busca input{flex:1;min-width:0;border:0;outline:0;background:none;color:#0b1b3a;font-size:15px}
.cm-busca button{height:44px;padding:0 var(--s5);border:0;border-radius:999px;background:var(--cm-btn);color:#fff;font-weight:600}
.cm-busca ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3);margin-top:var(--s3)}
.cm-busca li a{display:flex;align-items:center;justify-content:center;gap:var(--s2);height:44px;border:1.5px solid rgba(255,255,255,.5);border-radius:999px;font:600 14px/1 var(--cm-sans);color:#fff}
.cm-busca li a:hover{background:#fff;color:#0b1b3a}
@media (min-width:900px){.cm-busca-in{grid-template-columns:5fr 7fr;align-items:center;padding:var(--s7)}.cm-busca-in>form,.cm-busca-in>ul{grid-column:2}.cm-busca-in>div{grid-row:1/3}.cm-busca ul{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ---------- página de sección ---------- */
.cm-crumbs{display:flex;gap:var(--s2);font-size:13px;color:var(--cm-mute);padding-top:var(--s5)}.cm-crumbs a:hover{color:var(--cm-blue)}
.cm-phead{display:flex;flex-direction:column;gap:var(--s6);padding-top:var(--s4)}
.cm-phead h1{font-size:clamp(40px,5vw,64px)}
.cm-subnav{display:flex;gap:var(--s3);overflow-x:auto;scrollbar-width:none;padding:var(--s1) 0}.cm-subnav::-webkit-scrollbar{display:none}
.cm-subnav a{display:inline-flex;align-items:center;gap:var(--s2);height:36px;padding:0 var(--s4);border:1px solid var(--cm-line);border-radius:999px;background:transparent;font:500 13.5px/1 var(--cm-sans);white-space:nowrap;flex:none}
.cm-subnav a:hover{border-color:var(--cm-blue2)}.cm-subnav a[aria-current]{background:var(--cm-navy);border-color:var(--cm-navy);color:#fff}
@media (min-width:1100px){.cm-phead{flex-direction:row;justify-content:space-between;align-items:flex-end}.cm-phead>div{flex:1 1 auto}.cm-phead p{max-width:46ch}.cm-phead>div{margin-right:var(--s7)}.cm-subnav{flex:none;overflow:visible}}
.cm-arch .cm-sh{margin-bottom:var(--s4)}
.cm-ay{margin-top:var(--s3);overflow:hidden}
.cm-ay summary{display:flex;align-items:center;gap:var(--s4);padding:var(--s4) var(--s5);cursor:pointer;list-style:none;min-height:64px}
.cm-ay summary::-webkit-details-marker{display:none}
.cm-ay summary b{font:800 24px/1 var(--cm-serif)}.cm-ay summary span{color:var(--cm-mute);font-size:14px;margin-right:auto}
.cm-ay summary .ca-i{transition:transform .2s;color:var(--cm-blue)}.cm-ay[open] summary .ca-i{transform:rotate(90deg)}
.cm-ay ul{padding:0 var(--s5) var(--s5);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s2) var(--s6)}
@media (min-width:900px){.cm-ay ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cm-ay li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:var(--s3);font-size:14px;line-height:1.4}
.cm-ay time{color:var(--cm-mute)}.cm-ay li a:hover{color:var(--cm-blue);text-decoration:underline}

/* ---------- pie ---------- */
.cm-foot-f{background:#0b1b3a;color:#c9d3ea;margin-top:var(--s8);padding:var(--s7) 0 var(--s5)}
:root[data-theme="dark"] .cm-foot-f{background:#060e1f;border-top:1px solid var(--cm-line)}
.cm-foot-f .cm-logo span{color:#fff}.cm-foot-f .cm-logo b{color:#7db2ff}.cm-foot-f .cm-logo small{color:#aebbd6}
.cm-ff-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s6) var(--gap)}
.cm-ff-logo{grid-column:1/-1;display:flex;flex-direction:column;gap:var(--s3)}.cm-ff-logo p{font-size:15px}
.cm-ff-c h2{font:700 12px/1.2 var(--cm-sans);letter-spacing:.1em;text-transform:uppercase;color:#fff;margin-bottom:var(--s3)}
.cm-ff-c ul{display:flex;flex-direction:column;gap:var(--s2)}.cm-ff-c a{font-size:14px;line-height:1.4}.cm-ff-c a:hover{color:#fff;text-decoration:underline}
@media (min-width:900px){.cm-ff-g{grid-template-columns:1.3fr repeat(4,minmax(0,1fr))}.cm-ff-logo{grid-column:auto}}
.cm-ff-end{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);flex-wrap:wrap;margin-top:var(--s7);padding-top:var(--s5);border-top:1px solid rgba(255,255,255,.14);font-size:13px}
.cm-ff-end .cm-menu-row{gap:var(--s3)}.cm-ff-end .cm-theme{background:transparent;border-color:rgba(255,255,255,.4);color:#fff}
.cm-ff-end a{text-decoration:underline}

/* ---------- páginas interiores (nota, ficha, evento, recinto…): cabecera y pie alineados con el contenedor del tema base ---------- */
body:not(.cm-pag) :is(.cm-tick,.cm-head,.cm-foot-f) .cm-wrap{max-width:1320px;padding:0 var(--ca-gut,16px)}