/* Tipografías alojadas en el propio sitio (no se comparten datos con terceros) */
@font-face{font-family:"Big Shoulders Display";font-weight:700;font-display:swap;src:url(fonts/big-shoulders-display-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Big Shoulders Display";font-weight:900;font-display:swap;src:url(fonts/big-shoulders-display-latin-900-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-weight:400;font-display:swap;src:url(fonts/barlow-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-weight:500;font-display:swap;src:url(fonts/barlow-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-weight:600;font-display:swap;src:url(fonts/barlow-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-weight:500;font-display:swap;src:url(fonts/barlow-condensed-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-weight:600;font-display:swap;src:url(fonts/barlow-condensed-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-weight:700;font-display:swap;src:url(fonts/barlow-condensed-latin-700-normal.woff2) format("woff2")}
/* Layout: sitio oscuro de una sola apariencia; header fijo con franja del próximo show; contenido casi a todo el ancho; el cromo del logo es el único brillo */
:root{
  --bg:#0b0c0f;
  --surface:#14161b;
  --surface-2:#1b1e25;
  --line:#2a2f38;
  --fg:#e7e9ee;
  --muted:#9097a4;
  --steel:#a9b8cc;
  --pend:#e3a83b;
  --pend-bg:#2a2112;
  --ok:#5fb98a;
  --warn:#d9534f;
  --spotify:#1ed760;
  --youtube:#ff3333;
  --wa:#25d366;
  --chrome:linear-gradient(180deg,#f4f6f9 0%,#c9ced6 42%,#8e95a1 55%,#d9dde3 100%);
  --f-display:"Big Shoulders Display","Impact","Arial Narrow",sans-serif;
  --f-body:"Barlow","Helvetica Neue",Arial,sans-serif;
  --f-label:"Barlow Condensed","Arial Narrow",sans-serif;
  --wrap:1920px;
  --r:4px;
  color-scheme:dark;
}
*{box-sizing:border-box}
html,body{margin:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
img{max-width:100%;display:block}
:focus-visible{outline:2px solid var(--steel);outline-offset:3px}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:clamp(20px,3.6vw,72px)}
h1,h2,h3{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.01em;line-height:1;margin:0;text-wrap:balance}
h1{font-size:clamp(2.6rem,7vw,4.6rem);font-weight:900}
h2{font-size:clamp(1.9rem,4.2vw,2.8rem);font-weight:900}
h3{font-size:1.5rem;font-weight:700}
p{margin:0;max-width:65ch}
.label{font-family:var(--f-label);text-transform:uppercase;letter-spacing:.12em;font-size:.82rem;font-weight:600;color:var(--muted)}
.stack{display:flex;flex-direction:column;gap:16px}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}

/* ---------- header ---------- */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:rgba(11,12,15,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.top-main{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:68px}
.top-main .brand{justify-self:start}
.top-main .top-right{justify-self:end}
.top-main .socials{padding-left:18px;border-left:1px solid var(--line)}
.brand{display:block;width:140px;flex:none}
.brand img{width:100%;height:auto;transition:transform .35s cubic-bezier(.3,1.6,.5,1),filter .35s}
.brand.hit img{transform:scale(1.08) rotate(-2deg);filter:brightness(1.35) drop-shadow(0 0 14px rgba(200,215,235,.45))}
nav.main{display:flex;gap:6px;flex-wrap:nowrap;align-items:center;justify-content:center}
nav.main a{font-family:var(--f-label);text-transform:uppercase;letter-spacing:.1em;font-weight:600;font-size:.95rem;text-decoration:none;color:var(--muted);padding:8px 10px;border-radius:var(--r)}
nav.main a:hover{color:var(--fg)}
nav.main a[aria-current="page"]{color:var(--fg);box-shadow:inset 0 -2px 0 var(--steel)}
.socials{display:flex;gap:6px;align-items:center}
.socials a{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;color:var(--muted);transition:color .2s,background .2s}
.socials a:hover{background:var(--surface-2)}
.socials a.ig:hover svg{stroke:url(#igg)}.socials a.wa:hover{color:var(--wa)}.socials a.sp:hover{color:var(--spotify)}.socials a.yt:hover{color:var(--youtube)}
.socials svg{width:19px;height:19px}
.top-right{display:flex;align-items:center;gap:14px}
.menu-btn{display:none;background:none;border:1px solid var(--line);color:var(--fg);font-family:var(--f-label);text-transform:uppercase;letter-spacing:.1em;font-weight:600;padding:8px 14px;border-radius:var(--r);cursor:pointer}

/* franja del próximo show */
.next{border-top:1px solid var(--line);background:linear-gradient(90deg,rgba(169,184,204,.08),transparent 70%)}
.next .wrap{display:flex;align-items:center;gap:14px;min-height:44px;padding-block:6px;flex-wrap:wrap}
.next .tag{font-family:var(--f-label);text-transform:uppercase;letter-spacing:.14em;font-weight:700;font-size:.78rem;color:var(--bg);background:var(--steel);padding:3px 9px;border-radius:2px}
.next .what{font-family:var(--f-label);text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-size:1rem;display:flex;gap:10px;flex-wrap:wrap;min-width:0}
.next .what b{color:#fff}
.next .what span{color:var(--muted)}
.next .go{margin-left:auto;font-family:var(--f-label);text-transform:uppercase;letter-spacing:.1em;font-weight:700;font-size:.9rem;text-decoration:none;color:var(--steel);white-space:nowrap}
.next .go:hover{color:#fff}

@media (max-width:1180px) and (min-width:981px){
  nav.main{gap:0}
  nav.main a{padding:8px 8px;font-size:.9rem}
  .top-main{gap:16px}
}
@media (max-width:980px){
  .menu-btn{display:block}
  nav.main{display:none;position:absolute;left:0;right:0;top:100%;background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:8px 20px 20px;z-index:2}
  nav.main.open{display:flex}
  nav.main a{font-size:1.2rem;padding:14px 4px;border-bottom:1px solid var(--line)}
  nav.main a[aria-current="page"]{box-shadow:none;color:var(--steel)}
  .top-main .socials{display:none}
  .top-main{display:flex;justify-content:space-between}
  .brand{width:118px}
  .top{position:sticky}
  .top-main{position:static}
}
@media (max-width:820px){
  body.scrolled .next{display:none}
  body.scrolled .top-main{min-height:54px}
  body.scrolled .brand{width:96px}
  .top-main,.brand{transition:min-height .25s,width .25s}
}
.next .t-short{display:none}
@media (max-width:560px){
  .next .what span.venue{display:none}
  .next .wrap{gap:10px;flex-wrap:nowrap}
  .next .t-full{display:none}.next .t-short{display:inline}
  .next .what{font-size:.86rem;letter-spacing:.04em;flex-wrap:nowrap;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;gap:7px;min-width:0}
  .next .tag{font-size:.7rem;letter-spacing:.1em;padding:3px 7px}
  .next .go{font-size:.8rem;letter-spacing:.06em}
}

/* ---------- componentes ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-label);text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:.95rem;text-decoration:none;padding:12px 22px;border-radius:var(--r);border:0;cursor:pointer;background:var(--chrome);color:#111318;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 2px 0 #000;min-height:46px}
.btn:hover{filter:brightness(1.08)}
.btn.ghost{background:transparent;color:var(--fg);border:1px solid var(--line);box-shadow:none}
.btn.ghost:hover{border-color:var(--steel)}
.btn svg{width:18px;height:18px}
.btn[aria-disabled="true"]{background:var(--surface-2);color:var(--muted);box-shadow:none;cursor:not-allowed}
.pill{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--f-label);text-transform:uppercase;letter-spacing:.1em;font-weight:700;font-size:1rem;padding:10px 18px 10px 12px;border-radius:999px;transition:background .2s,border-color .2s;min-height:46px}
.pill.spotify{color:var(--spotify);border:1px solid rgba(30,215,96,.45)}
.pill.spotify:hover{background:rgba(30,215,96,.1);border-color:var(--spotify)}
.pill.spotify svg{width:28px;height:28px;flex:none}
.pill.youtube{color:var(--youtube);border:1px solid rgba(255,51,51,.45)}
.pill.youtube:hover{background:rgba(255,51,51,.1);border-color:var(--youtube)}
.pill.youtube svg{width:30px;height:22px;flex:none}
.pill.wa{color:var(--wa);border:1px solid rgba(37,211,102,.45)}
.pill.wa:hover{background:rgba(37,211,102,.1);border-color:var(--wa)}
.pill.ig{color:#f56fa0;border:1px solid transparent;background:linear-gradient(var(--bg),var(--bg)) padding-box,linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5) border-box}
.pill.ig svg{stroke:url(#igg)}
.pill.ig:hover{background:linear-gradient(rgba(214,41,118,.12),rgba(214,41,118,.12)) padding-box,linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5) border-box,var(--bg)}
.pill.wa svg,.pill.ig svg{width:26px;height:26px;flex:none}
.pill.big{font-size:1.1rem;padding:16px 26px 16px 18px;min-height:60px}
.pill.big svg{width:30px;height:30px}
.pill .short{display:none}
.pill{white-space:nowrap}
.ccard{display:flex;flex-direction:column;gap:14px;align-items:flex-start;padding:32px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);min-width:0}
.ccard h2{font-size:2.2rem}
.ccard .pill.ig{background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5) border-box}
.ccard p{color:var(--muted);flex:1}
@media (max-width:560px){.ccard{padding:24px 20px}.ccard .pill{align-self:stretch;justify-content:center;font-size:.92rem;letter-spacing:.06em;padding-inline:14px}}
@media (max-width:560px){
  .contact-main{flex-direction:column;align-items:stretch}
  .contact-main .pill{justify-content:center;font-size:.92rem;letter-spacing:.06em;padding-inline:14px;min-width:0}
}

.pend{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-label);text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-size:.82rem;color:var(--pend);background:var(--pend-bg);border:1px dashed rgba(227,168,59,.55);padding:4px 10px;border-radius:var(--r);line-height:1.3}
.pend::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--pend);flex:none}
.pend-block{border:1px dashed rgba(227,168,59,.55);background:var(--pend-bg);border-radius:var(--r);padding:18px 20px;color:#e9d3a8;display:flex;flex-direction:column;gap:6px}
.pend-block strong{font-family:var(--f-label);text-transform:uppercase;letter-spacing:.08em;color:var(--pend);font-size:.9rem}
.draft{border-left:3px solid var(--steel);padding:2px 0 2px 16px}
.draft-tag{font-family:var(--f-label);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;color:var(--steel);font-weight:600}

/* espacio para foto */
.slot{position:relative;width:100%;max-width:100%;background:
  repeating-linear-gradient(135deg,transparent 0 14px,rgba(255,255,255,.025) 14px 15px),var(--surface);
  border:1px solid var(--line);border-radius:var(--r);display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;color:var(--muted)}
.slot::before,.slot::after{content:"";position:absolute;width:18px;height:18px;border-color:var(--steel);border-style:solid;opacity:.6}
.slot::before{top:10px;left:10px;border-width:2px 0 0 2px}
.slot::after{bottom:10px;right:10px;border-width:0 2px 2px 0}
.slot .in{display:flex;flex-direction:column;gap:4px;padding:16px;align-items:center}
.slot .ico{width:34px;height:34px;opacity:.55}
.slot b{font-family:var(--f-label);text-transform:uppercase;letter-spacing:.1em;font-size:.85rem;color:var(--fg);font-weight:600}
.slot small{font-size:.78rem;line-height:1.35;max-width:28ch}
.slot .wm{display:none}
body.pub .slot .in,body.pub .slot::before,body.pub .slot::after{display:none}
body.pub .slot{background:var(--surface)}
body.pub .slot .wm{display:block;width:46%;max-width:260px;height:auto;opacity:.12;filter:grayscale(1)}
.r169{aspect-ratio:16/9}.r43{aspect-ratio:4/3}.r45{aspect-ratio:4/5}.r11{aspect-ratio:1/1}.r32{aspect-ratio:3/2}.r916{aspect-ratio:9/16}.r21{aspect-ratio:21/9}

section.block{padding-block:64px;border-top:1px solid var(--line)}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:28px}
.sec-head .stack{gap:10px}
.page-head{padding-block:52px 32px}
.page-head .stack{gap:14px}
.crumbs{font-family:var(--f-label);text-transform:uppercase;letter-spacing:.1em;font-size:.85rem;color:var(--muted)}
.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--fg)}

/* ---------- hero del inicio ---------- */
.hero{position:relative;border-bottom:1px solid var(--line)}
.hero .slot{border-radius:0;border:0;aspect-ratio:21/9;min-height:520px}
.hero .slot .in{position:absolute;top:22px;right:24px;align-items:flex-end;text-align:right}
.hero-cap{position:absolute;inset:auto 0 0 0;padding:90px 0 44px;background:linear-gradient(0deg,rgba(11,12,15,.97) 18%,rgba(11,12,15,0))}
.hero-cap .wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:36px;align-items:end}
.hero-rel{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.hero-rel h1{font-size:clamp(3rem,8vw,6rem)}
.hero-show{display:flex;gap:18px;align-items:center;padding:18px 20px;border:1px solid var(--line);background:rgba(20,22,27,.85);backdrop-filter:blur(6px);border-radius:var(--r);text-decoration:none}
.hero-show:hover{border-color:var(--steel)}
.hero-show .stack{gap:4px;min-width:0}
.hero-show h3{font-size:1.5rem}
@media (max-width:820px){
  .hero-rel .row{flex-wrap:nowrap;gap:8px}
  .hero-rel .pill{font-size:.9rem;padding:8px 14px 8px 10px;min-height:42px;gap:8px}
  .hero-rel .pill svg{width:22px;height:22px}
  .hero-rel .pill.youtube svg{width:24px;height:18px}
  .hero-rel .pill .full{display:none}.hero-rel .pill .short{display:inline}
  .hero .slot{aspect-ratio:4/5;min-height:0}
  .hero-cap{position:relative;margin-top:-260px;padding-top:120px}
  .hero-cap .wrap{grid-template-columns:minmax(0,1fr);gap:22px}
}

/* ---------- logo flotante ---------- */
.float-logo{display:flex;justify-content:center;padding-block:56px 40px;position:relative;overflow:hidden;border-top:1px solid var(--line)}
.float-logo::before{content:"";position:absolute;inset:auto 10% 0 10%;height:60%;background:radial-gradient(ellipse at 50% 100%,rgba(169,184,204,.14),transparent 70%);pointer-events:none}
.logo-stage{perspective:900px;cursor:pointer;padding:20px;background:none;border:0;color:inherit;border-radius:8px}
.logo-stage::after{content:"Volver arriba ↑";display:block;margin-top:18px;font-family:var(--f-label);text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;font-weight:600;color:var(--muted);opacity:0;transition:opacity .3s}
.logo-stage:hover::after,.logo-stage:focus-visible::after{opacity:1}
.logo-follow{transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.7,.3,1);will-change:transform}
.logo-tilt{position:relative;width:min(420px,80vw);transform-style:preserve-3d;animation:breathe 5s ease-in-out infinite;will-change:transform}
.logo-tilt img{width:100%;height:auto;animation:pulse 5s ease-in-out infinite;transition:filter .4s}
.glint{position:absolute;inset:0;z-index:1;pointer-events:none;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.9) 50%,transparent 58%);background-size:260% 100%;background-position:160% 0;mix-blend-mode:screen;
  animation:glint 5s ease-in-out 1s infinite}
@keyframes breathe{0%,100%{transform:translateY(0) rotateX(4deg) rotateY(-7deg)}50%{transform:translateY(-20px) rotateX(-3deg) rotateY(7deg)}}
@keyframes breathe-soft{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes pulse{0%,100%{filter:drop-shadow(0 26px 30px rgba(0,0,0,.85)) drop-shadow(0 0 0 rgba(170,195,230,0))}50%{filter:drop-shadow(0 40px 34px rgba(0,0,0,.7)) drop-shadow(0 0 16px rgba(170,195,230,.28))}}
@keyframes glint{0%,72%{background-position:160% 0}100%{background-position:-60% 0}}
@keyframes glint-fast{from{background-position:160% 0}to{background-position:-60% 0}}
.logo-stage.live .logo-tilt img{animation:none;filter:drop-shadow(0 30px 34px rgba(0,0,0,.9)) drop-shadow(0 0 22px rgba(170,195,230,.45)) brightness(1.12)}
.logo-stage.live .glint{animation:glint-fast .9s ease-out 1 forwards}

/* ---------- tarjetas ---------- */
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
@media (max-width:900px){.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.grid3,.grid2{grid-template-columns:minmax(0,1fr)}}
.card{display:flex;flex-direction:column;gap:12px;text-decoration:none;min-width:0}
.card .slot{transition:border-color .25s}
.card:hover .slot,.card:focus-visible .slot{border-color:var(--steel)}
.card:hover h3{color:#fff}

/* ---------- shows ---------- */
.shows{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.show{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:24px;align-items:center;padding-block:22px;border-bottom:1px solid var(--line);text-decoration:none}
a.show:hover .date{color:#fff}
.show.pasado{cursor:default}
.date{display:flex;flex-direction:column;align-items:center;line-height:.9;font-family:var(--f-display);color:var(--steel);font-variant-numeric:tabular-nums;flex:none}
.date .d{font-size:3.2rem;font-weight:900}
.date .m{font-family:var(--f-label);font-size:.95rem;letter-spacing:.18em;font-weight:700;margin-top:6px}
.date.tbd .d{font-size:2.2rem;letter-spacing:.02em}
.show.postponed .info h3{color:var(--muted)}
.date .y{font-family:var(--f-label);font-size:.8rem;color:var(--muted);letter-spacing:.1em}
.show .info{display:flex;flex-direction:column;gap:6px;min-width:0}
.show .info h3{font-size:1.7rem}
.show .where{color:var(--muted)}
.show .act{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.status{font-family:var(--f-label);text-transform:uppercase;letter-spacing:.1em;font-weight:700;font-size:.78rem;padding:4px 10px;border-radius:999px;border:1px solid currentColor;white-space:nowrap}
.st-proximo{color:var(--steel)}.st-finalizado{color:var(--muted)}.st-disponible{color:var(--ok)}.st-agotado{color:var(--warn)}
.past .show{opacity:.75}
.past .date .d{font-size:2.4rem}
@media (max-width:700px){.show{grid-template-columns:64px minmax(0,1fr);gap:16px}.show .act{grid-column:2;justify-content:flex-start}.date .d{font-size:2.4rem}.show .info h3{font-size:1.45rem}}
.empty{padding:28px;border:1px solid var(--line);border-radius:var(--r);color:var(--muted)}

/* ---------- banda ---------- */
.members{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
@media (max-width:1050px){.members{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* en el celular: fila que se desliza de costado */
@media (max-width:620px){
  .members{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:20px;gap:14px;margin-inline:-20px;padding:0 20px 14px;scrollbar-width:thin}
  .members .member{flex:0 0 68%;scroll-snap-align:start}
  .swipe-hint{display:block!important}
}
.swipe-hint{display:none;margin-top:6px}
.member{display:flex;flex-direction:column;gap:10px;text-decoration:none;min-width:0}
.member h3{font-size:1.45rem}
.member .role{font-family:var(--f-label);text-transform:uppercase;letter-spacing:.12em;color:var(--steel);font-weight:600;font-size:.9rem}
.member .more{font-family:var(--f-label);text-transform:uppercase;letter-spacing:.1em;font-size:.85rem;color:var(--muted)}
.member:hover .more{color:var(--fg)}
.member:hover .slot{border-color:var(--steel)}
.split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:start}
@media (max-width:860px){.split{grid-template-columns:minmax(0,1fr);gap:28px}}
.fields{display:grid;grid-template-columns:minmax(0,180px) minmax(0,1fr);border-top:1px solid var(--line);margin:0}
.fields dt,.fields dd{margin:0;padding:14px 0;border-bottom:1px solid var(--line)}
.fields dt{font-family:var(--f-label);text-transform:uppercase;letter-spacing:.1em;font-size:.85rem;color:var(--muted);padding-right:16px}
@media (max-width:520px){.fields{grid-template-columns:minmax(0,1fr)}.fields dt{border-bottom:0;padding-bottom:0}}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1px solid var(--line);padding:4px 12px;border-radius:999px;font-size:.9rem}
.other-members{display:flex;flex-wrap:wrap;gap:10px}

/* ---------- galería ---------- */
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
@media (max-width:520px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}

/* ---------- música ---------- */
.release{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:40px;align-items:start}
@media (min-width:821px){.release:has(.r32){grid-template-columns:minmax(0,560px) minmax(0,1fr)}}
@media (max-width:820px){.release{grid-template-columns:minmax(0,1fr);gap:24px}}
.player{border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;display:flex;flex-direction:column;gap:14px;background:var(--surface)}
.ext{gap:20px}
.ext a{font-family:var(--f-label);text-transform:uppercase;letter-spacing:.1em;font-size:.85rem;font-weight:600;color:var(--muted);text-decoration:none}
.ext a:hover{color:var(--fg)}
.embed{width:100%;border:0;border-radius:12px;display:block}
.embed-yt{aspect-ratio:16/9;height:auto}
.facade{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--fg);cursor:pointer;font-family:var(--f-label);text-transform:uppercase;letter-spacing:.1em;font-weight:700;font-size:1rem;min-height:84px}
.facade:hover{border-color:var(--steel)}
.facade.yt{aspect-ratio:16/9}
.facade svg{width:34px;height:34px}

/* ---------- texto largo ---------- */
.prose{display:flex;flex-direction:column;gap:20px;max-width:68ch}

/* ---------- footer ---------- */
footer{border-top:1px solid var(--line);padding-block:44px;background:#08090b;margin-top:64px}
main>.float-logo:last-child{margin-bottom:-64px}
footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}
footer img{width:120px;height:auto;opacity:.85}
footer nav{display:flex;gap:18px;flex-wrap:wrap}
footer nav a,footer .copy{font-family:var(--f-label);text-transform:uppercase;letter-spacing:.1em;font-size:.85rem;color:var(--muted);text-decoration:none}
footer nav a:hover{color:var(--fg)}

/* barra de armado (solo mientras lo revisamos) */
.review{background:var(--pend-bg);border-bottom:1px solid rgba(227,168,59,.4);color:#e9d3a8;font-size:.88rem}
.review .wrap{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-block:8px}
.review button{background:none;border:1px solid rgba(227,168,59,.5);color:var(--pend);font-family:var(--f-label);text-transform:uppercase;letter-spacing:.08em;font-weight:600;padding:5px 12px;border-radius:var(--r);cursor:pointer}
body.pub .review{background:#14161b;border-color:var(--line);color:var(--muted)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .float-logo .logo-tilt{animation:breathe-soft 6s ease-in-out infinite!important}
  .float-logo .glint{animation:glint 6s ease-in-out 1s infinite!important}
  .float-logo .logo-follow{transition:transform .5s ease-out!important}
  .float-logo .logo-stage.live .glint{animation:glint-fast .9s ease-out 1 forwards!important}
}

/* ---------- fotos reales ---------- */
.ph{position:relative;width:100%;max-width:100%;overflow:hidden;border-radius:var(--r);background:var(--surface);border:1px solid var(--line)}
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.hero .ph{border-radius:0;border:0;aspect-ratio:21/9;min-height:520px}
@media (max-width:820px){.hero .ph{aspect-ratio:4/5;min-height:0}}
.card:hover .ph,.member:hover .ph{border-color:var(--steel)}
.gallery button.gph{padding:0;border:0;background:none;cursor:zoom-in;display:block;width:100%}
.gallery .ph{transition:border-color .2s}
.gallery button.gph:hover .ph,.gallery button.gph:focus-visible .ph{border-color:var(--steel)}
.credit{font-family:var(--f-label);text-transform:uppercase;letter-spacing:.1em;font-size:.82rem;color:var(--muted)}

/* ---------- visor de fotos ---------- */
.lb{position:fixed;inset:0;z-index:100;background:rgba(5,6,8,.96);display:flex;align-items:center;justify-content:center;padding:calc(56px + env(safe-area-inset-top,0px)) 16px calc(64px + env(safe-area-inset-bottom,0px))}
.lb img{max-width:100%;max-height:100%;object-fit:contain;display:block;border-radius:2px}
.lb-bar{position:absolute;left:0;right:0;top:env(safe-area-inset-top,0px);display:flex;justify-content:space-between;align-items:center;padding:12px 16px;gap:12px}
.lb-bar .label{color:#c9ced8}
.lb button,.lb a.lb-dl{background:rgba(20,22,27,.8);border:1px solid var(--line);color:var(--fg);border-radius:999px;min-width:44px;height:44px;padding:0 14px;cursor:pointer;font-family:var(--f-label);text-transform:uppercase;letter-spacing:.1em;font-weight:600;font-size:.85rem;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.lb button:hover,.lb a.lb-dl:hover{border-color:var(--steel)}
.lb-prev,.lb-next{position:absolute;top:50%;transform:translateY(-50%);font-size:1.2rem!important}
.lb-prev{left:12px}.lb-next{right:12px}
.lb-foot{position:absolute;bottom:calc(14px + env(safe-area-inset-bottom,0px));left:0;right:0;display:flex;justify-content:center}
@media (max-width:620px){.lb-prev,.lb-next{top:auto;bottom:calc(10px + env(safe-area-inset-bottom,0px));transform:none}}

/* ---------- ficha de integrante ---------- */
.mblocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}
@media (max-width:860px){.mblocks{grid-template-columns:minmax(0,1fr);gap:36px}}
.mblock{display:flex;flex-direction:column;gap:18px;min-width:0}
.mblock h2{font-size:clamp(1.6rem,3.4vw,2.2rem)}
.qa{display:flex;flex-direction:column;border-top:1px solid var(--line);margin:0}
.qa dt{font-family:var(--f-label);text-transform:uppercase;letter-spacing:.1em;font-size:.85rem;color:var(--muted);padding-top:14px}
.qa dd{margin:0;padding:4px 0 14px;border-bottom:1px solid var(--line)}
.fields.wide{grid-template-columns:minmax(0,220px) minmax(0,1fr)}
@media (max-width:520px){.fields.wide{grid-template-columns:minmax(0,1fr)}}
.former{color:var(--muted)}
.former b{color:var(--fg);font-weight:600}

/* ---------- contenido sin JavaScript (lo que leen buscadores e IA) ---------- */
html.js .ssr{display:none}
.ssr{padding-block:40px}
.ssr h1{margin-bottom:16px}
.ssr ul{padding-left:20px}

.hero .slot .wm{display:none!important}

.curiosidad{display:flex;flex-direction:column;gap:10px;padding:22px 24px;border:1px solid var(--line);border-left:3px solid var(--steel);border-radius:var(--r);background:var(--surface)}
.curiosidad p{font-size:1.15rem;line-height:1.5}

.escuchar{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px;align-items:start}
.escuchar .facade:not(.yt){min-height:152px;flex-direction:column;text-align:center;padding:16px}
@media (max-width:820px){.escuchar{grid-template-columns:minmax(0,1fr)}.escuchar .facade:not(.yt){min-height:96px;flex-direction:row}}
.chips.bandas .chip{font-family:var(--f-label);text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-size:1rem;padding:8px 16px}

.facade.yt{background-size:cover;background-position:center;text-shadow:0 1px 6px rgba(0,0,0,.8)}

/* =========================================================
   LOCURA FEST · Fear Fest
   Fondo: ilustración verde. Acentos: verde «Fear» y rojo sangre.
   ========================================================= */
:root{--sangre:#9e1414;--sangre-viva:#d42a24;--fear:#4fae2e;--fear-viva:#6fd444}
nav.main a[href$="/fest"]{color:var(--fear-viva);transition:color .2s,text-shadow .2s,box-shadow .2s}
nav.main a[href$="/fest"][aria-current="page"]{color:#9be86f;box-shadow:inset 0 -2px 0 var(--fear-viva)}
nav.main a[href$="/fest"]:hover,nav.main a[href$="/fest"]:focus-visible{color:var(--sangre-viva);text-shadow:0 0 12px rgba(212,42,36,.55)}
nav.main a[href$="/fest"][aria-current="page"]:hover{box-shadow:inset 0 -2px 0 var(--sangre-viva)}
/* separado del resto: es otro camino, no una sección de la banda */
@media (min-width:981px){nav.main a[href$="/fest"]{margin-left:14px;position:relative}
  nav.main a[href$="/fest"]::before{content:"";position:absolute;left:-10px;top:50%;width:1px;height:16px;transform:translateY(-50%);background:var(--line)}}
@media (max-width:980px){nav.main a[href$="/fest"]{margin-top:10px}}
.show.es-fest .info h3{color:#fff}
.show.es-fest .info h3::after{content:"Ver el Fest →";display:inline-block;margin-left:12px;font-family:var(--f-label);font-size:.8rem;letter-spacing:.12em;color:var(--fear-viva);vertical-align:middle}
body.en-fest{background:#030503}
body.en-fest .next{display:none}

/* portada: la ilustración nunca se agranda más que su tamaño real (1536×1024), así no se pixela */
.fest-hero{position:relative;overflow:hidden;display:flex;align-items:center;min-height:min(100vh,1024px);max-height:1024px;padding-block:72px 96px;
  background:
    linear-gradient(180deg,rgba(3,5,3,.55) 0%,rgba(3,5,3,.15) 35%,rgba(3,5,3,.35) 70%,#030503 100%),
    linear-gradient(90deg,#030503 0%,transparent 18%,transparent 82%,#030503 100%),
    var(--fondo) center/auto 100% no-repeat,#030503}
@media (min-width:1537px){.fest-hero{background:
    linear-gradient(180deg,rgba(3,5,3,.55) 0%,rgba(3,5,3,.15) 35%,rgba(3,5,3,.35) 70%,#030503 100%),
    linear-gradient(90deg,#030503 calc(50% - 768px),transparent calc(50% - 560px),transparent calc(50% + 560px),#030503 calc(50% + 768px)),
    var(--fondo) center/auto 100% no-repeat,#030503}}
@media (max-width:700px){.fest-hero{min-height:0;padding-block:48px 72px;background:
    linear-gradient(180deg,rgba(3,5,3,.6) 0%,rgba(3,5,3,.25) 40%,rgba(3,5,3,.5) 80%,#030503 100%),
    var(--fondo-m) 62% center/cover no-repeat,#030503}}
.fest-hero-in{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px}
.fest-kicker{color:var(--fear-viva);letter-spacing:.3em;font-size:.95rem;text-shadow:0 1px 8px #000}
.fest-titulo{display:block;width:min(820px,94vw);line-height:0;margin:0}
.fest-titulo img{width:100%;height:auto;filter:drop-shadow(0 10px 0 #000) drop-shadow(0 0 30px rgba(0,0,0,.9));animation:aparece 1.6s ease-out both}
@keyframes aparece{0%{opacity:0;transform:scale(.96);filter:brightness(.2)}35%{opacity:1;filter:brightness(1.6) drop-shadow(0 0 30px rgba(111,212,68,.6))}45%{filter:brightness(.6)}60%,100%{opacity:1;transform:none}}
.fest-bajada{font-family:var(--f-display);font-weight:700;text-transform:uppercase;font-size:clamp(1.2rem,3vw,1.8rem);letter-spacing:.06em;color:#eae3d6;text-shadow:0 2px 10px #000}
.cuenta{display:flex;gap:14px;margin-top:6px}
.cuenta div{display:flex;flex-direction:column;align-items:center;min-width:70px}
.cuenta b{font-family:var(--f-display);font-weight:900;font-size:3rem;line-height:1;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 0 18px rgba(111,212,68,.55),0 2px 0 #000}
.cuenta span{font-family:var(--f-label);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:#c9d2c3;margin-top:4px}
.fest-bajar{font-family:var(--f-label);text-transform:uppercase;letter-spacing:.16em;font-weight:700;color:#fff;text-decoration:none;padding:12px 26px;border-radius:999px;background:rgba(3,5,3,.6);box-shadow:inset 0 0 0 1px rgba(111,212,68,.6),0 0 22px rgba(111,212,68,.25)}
.fest-bajar:hover{background:rgba(111,212,68,.18)}
@media (max-width:620px){.cuenta{gap:8px}.cuenta div{min-width:58px}.cuenta b{font-size:2.3rem}}

.fest-cuerpo{display:flex;flex-direction:column;gap:96px;padding-block:72px 40px}

/* fuego: resplandor que sube desde abajo y brasas flotando */
.fuego{position:absolute;inset:auto 0 0 0;height:46%;z-index:1;pointer-events:none;overflow:hidden}
.llamas{position:absolute;inset:0;
  background:
    radial-gradient(60% 70% at 50% 110%,rgba(255,170,60,.55),rgba(230,70,20,.35) 40%,transparent 72%),
    radial-gradient(30% 55% at 18% 115%,rgba(255,120,30,.45),transparent 70%),
    radial-gradient(30% 55% at 82% 115%,rgba(255,120,30,.45),transparent 70%);
  mix-blend-mode:screen;transform-origin:50% 100%;animation:llama 2.6s ease-in-out infinite alternate}
.llamas::after{content:"";position:absolute;inset:0;
  background:radial-gradient(22% 45% at 35% 112%,rgba(255,200,90,.5),transparent 70%),radial-gradient(22% 45% at 66% 112%,rgba(255,200,90,.45),transparent 70%);
  animation:llama 1.7s ease-in-out infinite alternate-reverse}
@keyframes llama{0%{opacity:.75;transform:scaleY(.94)}50%{opacity:1;transform:scaleY(1.04)}100%{opacity:.85;transform:scaleY(.98) skewX(1deg)}}
.brasas i{position:absolute;bottom:-8px;left:var(--x);width:var(--s);height:var(--s);border-radius:50%;background:#ffb347;
  box-shadow:0 0 6px 2px rgba(255,120,30,.8);opacity:0;animation:brasa var(--d) linear var(--t) infinite}
@keyframes brasa{0%{opacity:0;transform:translate(0,0)}10%{opacity:1}70%{opacity:.8}100%{opacity:0;transform:translate(var(--w),-420px) scale(.4)}}

/* tres frases: texto y foto pegados, alternando lados */
.frases{display:flex;flex-direction:column;gap:clamp(56px,9vw,120px)}
.frase{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center}
.frase-foto{grid-row:1;grid-column:6 / 13;position:relative;isolation:isolate}
.frase-txt{grid-row:1;grid-column:1 / 8;position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding-block:24px}
.frase.foto-izq .frase-foto{grid-column:1 / 8}
.frase.foto-izq .frase-txt{grid-column:6 / 13;text-align:right;align-items:flex-end}
/* la foto se funde hacia el lado del texto, con borde de fuego */
.frase-foto .ph,.frase-foto .slot{border:0;border-radius:4px;
  -webkit-mask:linear-gradient(90deg,transparent 0,#000 34%),linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent 100%);-webkit-mask-composite:source-in;
  mask:linear-gradient(90deg,transparent 0,#000 34%),linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent 100%);mask-composite:intersect}
.frase.foto-izq .frase-foto .ph,.frase.foto-izq .frase-foto .slot{-webkit-mask:linear-gradient(270deg,transparent 0,#000 34%),linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent 100%);mask:linear-gradient(270deg,transparent 0,#000 34%),linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}
.frase-foto .r11{-webkit-mask:linear-gradient(90deg,transparent 0,#000 20%),linear-gradient(180deg,transparent 0,#000 10%,#000 88%,transparent 100%);-webkit-mask-composite:source-in;mask:linear-gradient(90deg,transparent 0,#000 20%),linear-gradient(180deg,transparent 0,#000 10%,#000 88%,transparent 100%);mask-composite:intersect}
.frase.foto-izq .frase-foto .r11{-webkit-mask:linear-gradient(270deg,transparent 0,#000 20%),linear-gradient(180deg,transparent 0,#000 10%,#000 88%,transparent 100%);mask:linear-gradient(270deg,transparent 0,#000 20%),linear-gradient(180deg,transparent 0,#000 10%,#000 88%,transparent 100%)}
.frase-foto .slot .in{align-items:flex-end;text-align:right;margin-left:auto;padding:22px}
.frase.foto-izq .frase-foto .slot .in{align-items:flex-start;text-align:left;margin:0 auto 0 0}
.frase-foto::after{content:"";position:absolute;inset:auto 0 -2px 0;height:42%;z-index:1;pointer-events:none;
  background:radial-gradient(70% 90% at 60% 100%,rgba(255,120,30,.5),rgba(200,40,15,.25) 45%,transparent 75%);
  mix-blend-mode:screen;animation:llama 2.2s ease-in-out infinite alternate;transform-origin:50% 100%}
.frase-foto::before{content:"";position:absolute;inset:8% -2% -4% 20%;z-index:-1;filter:blur(40px);background:rgba(220,60,20,.28);border-radius:50%}
.frase.foto-izq .frase-foto::before{inset:8% 20% -4% -2%}
.sello{display:inline-block;font-family:var(--f-label);text-transform:uppercase;letter-spacing:.16em;font-weight:700;font-size:.92rem;color:var(--sangre-viva);padding:6px 14px;border:2px solid currentColor;border-radius:3px;transform:rotate(-3deg);background:rgba(3,5,3,.7)}
.frase.f2 .sello{transform:rotate(2.5deg);color:var(--fear-viva)}
.frase.f3 .sello{transform:rotate(-1.5deg);color:#ff8a2b}
.frase p{font-family:var(--f-display);font-weight:700;font-size:clamp(1.6rem,3.4vw,2.6rem);line-height:1.1;text-transform:uppercase;color:#f1ece4;max-width:none;text-wrap:balance;
  text-shadow:0 2px 0 #000,0 0 22px rgba(0,0,0,.95),0 0 40px rgba(0,0,0,.8)}
.frase p::after{content:"";display:block;height:6px;width:140px;margin-top:16px;border-radius:3px;background:var(--fear);box-shadow:0 0 14px rgba(111,212,68,.45)}
.frase.foto-izq p::after{margin-left:auto;background:var(--sangre-viva);box-shadow:0 0 14px rgba(212,42,36,.45)}
.frase.f3 p::after{background:linear-gradient(90deg,#ffcf5a,#ff6a1a 55%,#c4200f);box-shadow:0 0 16px rgba(255,110,30,.6)}
@media (max-width:760px){
  .frase{grid-template-columns:1fr}
  .frase-foto,.frase.foto-izq .frase-foto{grid-column:1;grid-row:1}
  .frase-txt,.frase.foto-izq .frase-txt{grid-column:1;grid-row:2;margin-top:-64px;padding-block:0}
  .frase-foto .ph,.frase-foto .slot,.frase.foto-izq .frase-foto .ph,.frase.foto-izq .frase-foto .slot{-webkit-mask:linear-gradient(180deg,#000 45%,transparent 100%);mask:linear-gradient(180deg,#000 45%,transparent 100%);-webkit-mask-composite:source-over;mask-composite:add}
  .frase-foto .slot .in,.frase.foto-izq .frase-foto .slot .in{position:absolute;top:0;right:0;margin:0;align-items:flex-end;text-align:right;padding:16px}
}

/* cartel */
.fest-cartel{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}
.fest-cartel .label{color:var(--fear-viva)}
.cartel-logo{width:min(520px,82vw);height:auto;filter:drop-shadow(0 8px 0 #000)}
.cartel{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 22px}
.cartel li{font-family:var(--f-display);font-weight:900;text-transform:uppercase;font-size:clamp(1.5rem,4vw,2.5rem);line-height:1.1;color:#d5cdc1}
.cartel li+li::before{content:"✕";margin-right:22px;color:var(--sangre-viva);font-size:.6em;vertical-align:middle}
.fest-nota{color:var(--muted);font-family:var(--f-label);text-transform:uppercase;letter-spacing:.14em}

/* entradas: franja con bordes rasgados */
.entradas{position:relative;padding-block:72px;background:linear-gradient(180deg,#0f1a0c,#091207);
  clip-path:polygon(0 18px,4% 4px,9% 16px,15% 2px,22% 14px,30% 0,37% 12px,45% 3px,53% 15px,60% 1px,68% 13px,76% 2px,83% 15px,90% 4px,96% 14px,100% 3px,100% calc(100% - 16px),95% calc(100% - 2px),88% calc(100% - 14px),80% 100%,72% calc(100% - 12px),64% calc(100% - 1px),55% calc(100% - 15px),47% calc(100% - 3px),38% calc(100% - 13px),29% 100%,21% calc(100% - 15px),13% calc(100% - 2px),6% calc(100% - 13px),0 calc(100% - 3px))}
.entradas-in{display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px}
.entradas h2{font-size:clamp(2.6rem,7vw,4.4rem);color:#fff;text-shadow:0 0 24px rgba(111,212,68,.35)}
.entradas-datos{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 48px;margin:0}
.entradas-datos div{display:flex;flex-direction:column;gap:4px;min-width:0}
.entradas-datos dt{font-family:var(--f-label);text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;color:var(--fear-viva)}
.entradas-datos dd{margin:0;font-size:1.15rem;font-weight:600}
.entradas-btns{justify-content:center}
.fest-btn{background:linear-gradient(180deg,#e2463f,#9e1414);color:#fff;box-shadow:0 0 24px rgba(212,42,36,.4),0 2px 0 #000}
@media (max-width:620px){.entradas-datos{flex-direction:column;gap:16px}}
@media (prefers-reduced-motion:reduce){.fest-titulo img,.llamas,.llamas::after,.frase-foto::after{animation:none!important}.brasas{display:none}}
.fields .vacio{color:var(--muted)}

/* placa automática cuando un show no tiene flyer */
.flyer-auto{position:relative;width:100%;overflow:hidden;border-radius:var(--r);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:32px 24px;text-align:center;
  background:radial-gradient(120% 70% at 50% 110%,rgba(212,42,36,.35),transparent 60%),radial-gradient(80% 50% at 50% -10%,rgba(169,184,204,.12),transparent 70%),repeating-linear-gradient(135deg,transparent 0 14px,rgba(255,255,255,.02) 14px 15px),#0b0c0f}
.flyer-auto::after{content:"";position:absolute;inset:12px;border:1px solid rgba(169,184,204,.18);border-radius:4px;pointer-events:none}
.fa-top{font-family:var(--f-label);text-transform:uppercase;letter-spacing:.3em;font-size:.8rem;color:var(--steel)}
.fa-fecha{display:flex;flex-direction:column;align-items:center;line-height:.85;margin-top:8px}
.fa-fecha b{font-family:var(--f-display);font-weight:900;font-size:clamp(5rem,14vw,7.5rem);color:#fff;text-shadow:0 0 30px rgba(212,42,36,.45)}
.fa-fecha span{font-family:var(--f-label);text-transform:uppercase;letter-spacing:.25em;font-weight:700;font-size:1rem;color:var(--sangre-viva,#d42a24);margin-top:10px}
.fa-evento{font-family:var(--f-display);font-weight:900;text-transform:uppercase;font-size:clamp(2rem,5vw,2.8rem);line-height:1;margin:14px 0 0;color:#eae3d6;text-wrap:balance}
.fa-lugar{color:var(--muted);font-size:1rem}
.fa-hora{font-family:var(--f-label);letter-spacing:.14em;font-weight:700;color:var(--steel)}
.fa-logo{width:46%;max-width:200px;height:auto;margin-top:auto;padding-top:18px;filter:drop-shadow(0 4px 0 #000);opacity:.9}
.fa-nota{margin-top:4px}

/* fondo oscuro detrás del menú abierto en el celular: tocarlo cierra el menú */
@media (max-width:980px){body.menu-abierto::before{content:"";position:fixed;inset:0;z-index:39;background:rgba(0,0,0,.55);backdrop-filter:blur(2px)}}

/* bloque de entradas: que el encabezado fijo no lo tape al bajar */
#entradas{scroll-margin-top:90px}

/* mural de ediciones anteriores: fotos pegadas en la pared, torcidas y encimadas */
.mural-sec{padding-block:24px 40px}
.mural{columns:4 230px;column-gap:26px;padding-top:14px}
.pieza{display:block;width:100%;break-inside:avoid;position:relative;padding:7px;border:0;margin:0 0 30px;cursor:zoom-in;background:#e8e0d0;box-shadow:0 18px 40px rgba(0,0,0,.75),0 0 0 1px rgba(0,0,0,.4);transform:rotate(var(--r,0deg)) translateX(var(--x,0px));transition:transform .35s ease,box-shadow .35s ease;z-index:1}
.pieza img{display:block;width:100%;height:auto;filter:contrast(1.08) saturate(.85)}
.pieza::before{content:"";position:absolute;top:-12px;left:50%;width:96px;height:26px;transform:translateX(-50%) rotate(var(--t,-4deg));background:rgba(222,210,180,.78);box-shadow:0 2px 4px rgba(0,0,0,.35);z-index:2}
.pieza::after{content:"";position:absolute;inset:7px;pointer-events:none;box-shadow:inset 0 0 40px rgba(0,0,0,.55),inset 0 -30px 50px rgba(200,60,15,.25)}
.pieza:nth-child(7n+1){--r:-3deg;--t:5deg;--x:-6px}
.pieza:nth-child(7n+2){--r:2.5deg;--t:-6deg;z-index:2}
.pieza:nth-child(7n+3){--r:-1.5deg;--t:3deg}
.pieza:nth-child(7n+4){--r:2deg;--t:-3deg;--x:8px;z-index:2}
.pieza:nth-child(7n+5){--r:-2.5deg;--t:6deg}
.pieza:nth-child(7n+6){--r:1.5deg;--t:-5deg;z-index:2}
.pieza:nth-child(7n){--r:-1deg;--t:4deg}
.pieza:hover,.pieza:focus-visible{transform:rotate(0deg) scale(1.05);z-index:6;box-shadow:0 26px 60px rgba(0,0,0,.85),0 0 40px rgba(255,110,30,.35)}
.mural-cabeza{display:flex;flex-direction:column;gap:12px;align-self:center}
.mural-sec>.mural-cabeza{margin-bottom:40px}
.mural-cabeza .label{color:var(--fear-viva)}
.mural-cabeza h2{font-size:clamp(2.4rem,5vw,3.6rem);color:#fff;text-shadow:0 0 24px rgba(255,110,30,.35)}
.mural-cabeza p{color:var(--muted);max-width:32ch}
@media (max-width:760px){.mural{columns:2;column-gap:14px}.pieza{margin-bottom:20px;padding:5px}.pieza::before{width:60px;height:18px;top:-8px}}
}
@media (prefers-reduced-motion:reduce){.pieza{transition:none}}

/* cartel: bandas invitadas */
.invitadas-label{font-family:var(--f-label);text-transform:uppercase;letter-spacing:.3em;font-weight:700;font-size:1rem;color:var(--fear-viva);margin-top:18px;text-shadow:0 0 14px rgba(111,212,68,.35)}
.proximamente{margin:0;font-family:var(--f-display);font-weight:900;text-transform:uppercase;font-size:clamp(3rem,10vw,6.5rem);line-height:.95;letter-spacing:.04em;color:rgba(200,205,212,.28)}

/* TikTok y otra red */
.socials a.tk svg,.socials a.otra svg{width:18px;height:18px}
.socials a.tk:hover{color:#fff;text-shadow:none}.socials a.otra:hover{color:#fff}
.redes-extra{gap:10px;margin-top:4px}
.pill.tk,.pill.otra{color:var(--fg);border:1px solid var(--line)}
.pill.tk svg,.pill.otra svg{width:20px;height:20px}
.pill.tk:hover,.pill.otra:hover{border-color:var(--steel)}

/* Fotos de la banda: una destacada a todo el ancho y el resto en columnas, sin recortes ni huecos */
.mosa{display:block;width:100%;padding:0;border:0;margin:0;overflow:hidden;border-radius:4px;background:var(--surface);cursor:zoom-in}
.mosa img{width:100%;height:auto;display:block;transition:transform .6s ease,filter .4s ease;filter:brightness(.92)}
.mosa:hover img,.mosa:focus-visible img{transform:scale(1.03);filter:brightness(1.05)}
.mosa.destacada{margin-bottom:12px;aspect-ratio:16/9;max-height:78vh}
.mosa.destacada img{height:100%;object-fit:cover}
.mosaico{columns:3 260px;column-gap:12px;padding-bottom:40px}
.mosaico .mosa{break-inside:avoid;margin-bottom:12px}
@media (max-width:760px){.mosaico{columns:2;column-gap:8px}.mosaico .mosa{margin-bottom:8px}.mosa.destacada{aspect-ratio:4/5;margin-bottom:8px}}
@media (prefers-reduced-motion:reduce){.mosa img{transition:none}}


/* Las frases del Fest mantienen un ancho de lectura: con fotos cuadradas a todo el ancho quedaban enormes */
.frases.wrap{max-width:1240px}

/* Con el sitio a todo el ancho: columnas con tope para que fotos, flyers y video no se agiganten */
.split{grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:64px}
@media (max-width:860px){.split{grid-template-columns:minmax(0,1fr);gap:28px}}
@media (min-width:821px){
  .release,.release:has(.r32){grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px}
}
/* Historia en dos columnas de texto, tipo revista, ocupando el ancho */
.historia-txt{columns:2 340px;column-gap:56px}
.historia-txt p{max-width:none;margin:0 0 1em;break-inside:avoid}

/* Revisión general a lo ancho */
@media (min-width:861px) and (max-width:1240px){.split{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:40px}}
.fields dd{min-width:0}
.fields dd .pill{max-width:100%;white-space:normal;text-align:left}
.mural-sec.wrap{width:100%;max-width:1240px}