/* ANDY · web de presentación — carbón / marfil / ámbar-cobre */
:root{
  --ink:#0d0b09; --coal:#171310; --coal-2:#201a15; --line:#3a2f26;
  --ivory:#f4ecdd; --ivory-dim:#d3c7b2; --mute:#b5a890;
  --amber:#f0a93a; --amber-d:#c9811c; --copper:#b8652f;
  --focus:#ffd37a;
  --serif:"Fraunces",Georgia,"Times New Roman",serif;
  --sans:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --gut:clamp(18px,4vw,40px); --max:1160px; --hdr:64px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr) + 12px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:var(--ivory);font-family:var(--sans);font-size:1.0625rem;line-height:1.65;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--amber);text-underline-offset:3px}
a:hover{color:#ffc766}
h1,h2,h3{font-family:var(--serif);line-height:1.08;margin:0 0 .5em;font-weight:700;letter-spacing:-.01em}
h2{font-size:clamp(2rem,4.6vw,3.2rem)}
h3{font-size:1.35rem}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
.skip{position:absolute;left:12px;top:-60px;background:var(--amber);color:#1a1209;padding:10px 16px;border-radius:6px;z-index:100;font-weight:700}
.skip:focus{top:12px}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px}

/* Botones */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border-radius:999px;font:700 1rem/1 var(--sans);text-decoration:none;border:2px solid transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}
.btn-solid{background:var(--amber);color:#1a1209}
.btn-solid:hover{background:#ffc766;color:#1a1209}
.btn-ghost{border-color:var(--ivory-dim);color:var(--ivory)}
.btn-ghost:hover{border-color:var(--amber);color:var(--amber)}
.btn:active{transform:translateY(1px)}

/* Header */
.hdr{position:fixed;inset:0 0 auto 0;z-index:50;height:var(--hdr);transition:background .25s,border-color .25s;border-bottom:1px solid transparent}
.hdr{background:rgba(13,11,9,.82);backdrop-filter:blur(8px)}
.hdr.solid{background:rgba(13,11,9,.96);border-color:var(--line)}
.hdr-in{max-width:var(--max);margin:0 auto;height:100%;padding:0 var(--gut);display:flex;align-items:center;gap:22px}
.brand{font:800 1.5rem/1 var(--serif);letter-spacing:.14em;color:var(--ivory);text-decoration:none}
.nav{margin-left:auto}
.nav ul{display:flex;gap:6px;list-style:none}
.nav a{display:block;padding:10px 12px;color:var(--ivory-dim);text-decoration:none;font-weight:600;font-size:.95rem;border-radius:6px}
.nav a:hover,.nav a.on{color:var(--amber)}
.hdr-cta{min-height:42px;padding:0 20px;font-size:.95rem}
.menu-btn{display:none;margin-left:auto;width:48px;height:48px;background:none;border:0;color:var(--ivory);cursor:pointer;border-radius:8px}
.bars,.bars::before,.bars::after{display:block;width:24px;height:2px;background:currentColor;position:relative;margin:auto;transition:transform .25s,opacity .2s}
.bars::before,.bars::after{content:"";position:absolute;left:0}
.bars::before{top:-7px}.bars::after{top:7px}
.menu-btn[aria-expanded=true] .bars{background:transparent}
.menu-btn[aria-expanded=true] .bars::before{top:0;transform:rotate(45deg)}
.menu-btn[aria-expanded=true] .bars::after{top:0;transform:rotate(-45deg)}

/* Hero */
.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;overflow:hidden;background:
  radial-gradient(ellipse at 78% 38%,rgba(240,169,58,.22),transparent 55%),var(--ink)}
.hero-img{position:absolute;top:0;right:0;bottom:0;width:min(56%,760px)}
.hero-img img{width:100%;height:100%;object-fit:cover;object-position:50% 0%}
.hero-img img{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%);mask-image:linear-gradient(90deg,transparent 0,#000 38%)}
.hero-img::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--ink) 0,transparent 26%);pointer-events:none}
.hero-in{position:relative;width:100%;padding-top:calc(var(--hdr) + 24px);padding-bottom:48px}
.hero-txt{max-width:560px}
.eyebrow{color:var(--amber);font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:.85rem;margin-bottom:14px}
.hero h1{font-size:clamp(5rem,15vw,10.5rem);font-weight:800;letter-spacing:.02em;margin:0 0 6px;line-height:.9;color:var(--ivory)}
.motto{font:italic 600 clamp(1.4rem,3vw,2rem)/1.2 var(--serif);color:var(--amber);margin-bottom:18px}
.hero-line{color:var(--ivory-dim);font-size:1.1rem;max-width:46ch;margin-bottom:28px}
.cta-row{display:flex;flex-wrap:wrap;gap:14px}

/* Secciones */
.sec{padding:clamp(64px,10vw,120px) 0}
.sec-warm{background:linear-gradient(180deg,var(--coal),var(--coal-2))}
.kicker{color:var(--amber);font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:.8rem;margin-bottom:12px}
.lead{font-size:1.2rem;color:var(--ivory)}
.note{color:var(--mute);font-size:.92rem}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,80px);align-items:start}
.sec-head.center{text-align:center;margin-bottom:36px}
.prose p{color:var(--ivory-dim)}

/* Cronología */
.tl-title{font-size:1.1rem;color:var(--mute);text-transform:uppercase;letter-spacing:.12em;font-family:var(--sans);font-weight:700}
.timeline{list-style:none;border-left:2px solid var(--line);margin-left:6px}
.timeline li{position:relative;padding:0 0 26px 26px}
.timeline li::before{content:"";position:absolute;left:-7px;top:7px;width:12px;height:12px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 4px var(--ink)}
.tl-when{display:block;color:var(--amber);font-weight:700;font-size:.9rem;letter-spacing:.06em}
.tl-what{display:block;color:var(--ivory);margin:2px 0 4px}
.tl-meta{display:block;color:var(--mute);font-size:.85rem}

/* Solo */
.solo{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,80px);align-items:center}
.cover{margin:0}
.cover img{width:100%;max-width:460px;aspect-ratio:1;object-fit:cover;border-radius:6px;box-shadow:0 30px 70px rgba(0,0,0,.55),0 0 0 1px var(--line)}
.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 24px;margin:24px 0}
.facts dt{color:var(--mute);font-size:.8rem;text-transform:uppercase;letter-spacing:.12em}
.facts dd{margin:2px 0 0;font:700 1.15rem var(--serif)}

/* Música */
.vid{position:relative;display:block;width:100%;padding:0;border:0;background:#000;border-radius:10px;overflow:hidden;cursor:pointer;aspect-ratio:16/9;color:#fff}
.vid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s,opacity .3s;opacity:.88}
.vid:hover img{transform:scale(1.03);opacity:1}
.vid::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent 55%)}
.play{position:absolute;z-index:2;right:12px;bottom:12px;width:40px;height:40px;margin:0;box-shadow:0 4px 16px rgba(0,0,0,.5);border-radius:50%;background:var(--amber);color:#1a1209;display:grid;place-items:center}
.play svg{margin-left:3px}
.vid-big .play{width:52px;height:52px;right:16px;bottom:16px}
.vid-title{position:absolute;z-index:2;left:14px;right:70px;bottom:12px;text-align:left;font:700 1rem var(--sans);text-shadow:0 1px 6px #000}
.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.feat{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;margin-bottom:28px}
.vids{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:clamp(48px,7vw,80px)}
.mus-bottom{align-items:start}
.tracks{list-style:none;counter-reset:t;columns:2;column-gap:28px}
.tracks li{counter-increment:t;padding:9px 0;border-bottom:1px solid var(--line);break-inside:avoid;color:var(--ivory-dim);font-size:1rem}
.tracks li::before{content:counter(t,decimal-leading-zero);color:var(--copper);font-weight:700;margin-right:12px;font-variant-numeric:tabular-nums}
.tracks li.hl{color:var(--ivory);font-weight:600}
.plats{display:grid;gap:12px}
.plat{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;border:1px solid var(--line);border-radius:10px;color:var(--ivory);text-decoration:none;background:var(--coal);transition:border-color .2s,background .2s}
.plat:hover{border-color:var(--amber);background:var(--coal-2);color:var(--ivory)}
.plat span{color:var(--mute);font-size:.9rem}
.plat::after{content:"↗";color:var(--amber);font-weight:700}

/* Directo */
.live{align-items:center}
.nodates{margin-top:24px;padding:24px;border:1px solid var(--line);border-left:4px solid var(--amber);border-radius:8px;background:var(--ink)}
.nodates p{color:var(--ivory-dim)}
.dates{list-style:none}.dates li{padding:10px 0;border-bottom:1px solid var(--line)}

/* Prensa */
.press{list-style:none;display:grid;gap:0}
.press a{display:grid;gap:4px;padding:22px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ivory)}
.press a:hover .ptitle{color:var(--amber)}
.outlet{color:var(--mute);font-size:.85rem;text-transform:uppercase;letter-spacing:.1em}
.ptitle{font:600 clamp(1.15rem,2.4vw,1.5rem)/1.25 var(--serif);transition:color .2s}
.gallery{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-bottom:24px}

/* Contratación */
.sec-contact{background:radial-gradient(ellipse at 15% 0,rgba(184,101,47,.2),transparent 55%),var(--coal)}
.contact{align-items:start}
.agency{margin:24px 0;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--ink)}
.agency-logo{display:inline-block;margin-bottom:14px}
.agency-logo img{width:190px;height:auto}
.direct{list-style:none;display:grid;gap:12px}
.direct li{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:baseline}
.direct li>span:first-child{color:var(--mute);font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;min-width:84px}
.direct a{font-weight:700;font-size:1.1rem}
.phones{display:flex;flex-wrap:wrap;gap:6px 20px}
.form{padding:clamp(20px,3vw,34px);border:1px solid var(--line);border-radius:14px;background:var(--ink)}
.form h3{margin-bottom:18px}
.f-row{margin-bottom:16px}
.f-2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
label{display:block;font-weight:600;font-size:.92rem;margin-bottom:6px;color:var(--ivory)}
label small{color:var(--mute);font-weight:400}
input,textarea{width:100%;background:#1b1612;color:var(--ivory);border:1.5px solid #5a4a3b;border-radius:8px;padding:12px 14px;font:inherit;min-height:48px}
textarea{resize:vertical}
input:focus,textarea:focus{border-color:var(--amber);outline:3px solid rgba(255,211,122,.45);outline-offset:0}
input[aria-invalid=true],textarea[aria-invalid=true]{border-color:#ff8a7a}
.err{color:#ffb4a8;font-size:.85rem;margin-top:4px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.check{display:flex;gap:12px;align-items:flex-start;font-weight:400;font-size:.9rem;color:var(--ivory-dim);margin:6px 0 20px}
.check input{width:22px;min-height:22px;height:22px;margin-top:2px;accent-color:var(--amber);flex:none}
.f-status{margin-top:16px;font-size:.98rem}
.f-status:empty{display:none}
.f-status.ok{padding:14px 16px;border-radius:8px;background:#1f2a1a;border:1px solid #5d8a4a;color:#d8f0c8}
.f-status.bad{padding:14px 16px;border-radius:8px;background:#2e1a15;border:1px solid #b5503f;color:#ffd9d1}
.f-status a{color:inherit;font-weight:700}
.btn[disabled]{opacity:.6;cursor:progress}

/* Footer */
.ftr{border-top:1px solid var(--line);padding:40px 0 48px;background:var(--ink)}
.ftr-in{display:grid;gap:18px}
.ftr-brand{font:800 1.4rem var(--serif);letter-spacing:.14em;margin:0}
.social{list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px}
.social a{font-weight:600}
.ns{padding:12px var(--gut);background:var(--amber);color:#1a1209;margin:0}

/* Motion (discreto; se respeta movimiento reducido) */
@media (prefers-reduced-motion:no-preference){
  .js [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
  .js [data-reveal].in{opacity:1;transform:none}
  .hero-txt>*{animation:rise .8s ease both}
  .hero-txt>*:nth-child(2){animation-delay:.08s}.hero-txt>*:nth-child(3){animation-delay:.16s}
  .hero-txt>*:nth-child(4){animation-delay:.24s}.hero-txt>*:nth-child(5){animation-delay:.32s}
  .hero-img img{animation:fade 1.1s ease both}
}
.reveal-all [data-reveal]{opacity:1!important;transform:none!important}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes fade{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.vid:hover img{transform:none}}

/* Tablet */
@media (max-width:980px){
  .grid-2,.solo,.feat{grid-template-columns:1fr}
  .vids{grid-template-columns:repeat(2,1fr)}
  .nav a{padding:10px 8px;font-size:.9rem}
  .hdr-cta{display:none}
  .cover img{max-width:380px}
}
/* Móvil */
@media (max-width:760px){
  :root{--hdr:58px}
  .menu-btn{display:block}
  .js .nav{position:fixed;top:var(--hdr);left:0;right:0;background:rgba(13,11,9,.98);border-bottom:1px solid var(--line);padding:8px var(--gut) 20px;transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s}
  .js .nav.open{opacity:1;transform:none;visibility:visible}
  .js .nav ul{flex-direction:column;gap:0}
  .js .nav a{padding:15px 4px;font-size:1.1rem;border-bottom:1px solid var(--line)}
  .no-js .nav{margin-left:0;overflow-x:auto}.no-js .nav ul{flex-wrap:nowrap;white-space:nowrap}
  .hdr.solid,.hdr{background:rgba(13,11,9,.92)}
  .hero{align-items:flex-end;min-height:100vh;min-height:100svh}
  .hero-img{inset:0 0 auto 0;width:100%;height:68svh;min-height:420px}
  .hero-img img{object-position:50% 0%;-webkit-mask-image:none;mask-image:none}
  .hero-img::after{background:linear-gradient(0deg,var(--ink) 0,rgba(13,11,9,.75) 24%,transparent 58%),linear-gradient(180deg,rgba(13,11,9,.55),transparent 22%)}
  .hero-in{padding-top:0;padding-bottom:28px}
  .hero h1{font-size:clamp(4.4rem,23vw,6.6rem)}
  .motto{font-size:1.3rem;margin-bottom:10px}
  .hero-line{font-size:1rem;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .cta-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .cta-row .btn{padding:0 10px;font-size:.95rem}
  .f-2{grid-template-columns:1fr}
  .tracks{columns:1}
  .vids{grid-template-columns:1fr 1fr;gap:10px}
  .vid-title{font-size:.85rem;left:10px;bottom:8px}
  .play{width:34px;height:34px;right:8px;bottom:8px}.vid-big .play{width:44px;height:44px}
}
@media (max-width:760px){.direct a{font-size:.98rem}.direct li>span:first-child{min-width:100%}}
@media (max-width:360px){.cta-row{grid-template-columns:1fr}}

/* Cabecera espectacular: collage de piezas oficiales */
.hero-fx{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.beams{position:absolute;left:38%;top:-30%;width:110%;height:160%;background:conic-gradient(from 195deg at 62% 38%,transparent 0 6deg,rgba(240,169,58,.20) 10deg,transparent 18deg,transparent 30deg,rgba(255,214,140,.16) 36deg,transparent 46deg,transparent 60deg,rgba(240,169,58,.14) 66deg,transparent 78deg);filter:blur(10px);mix-blend-mode:screen}
.hero-fx i{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:radial-gradient(circle,rgba(255,226,160,.95),rgba(240,169,58,.25) 60%,transparent 70%);opacity:.55}
.hero-art{position:absolute;z-index:2;top:var(--hdr);right:0;bottom:0;width:min(58%,820px);perspective:1400px;--mx:0;--my:0}
.slot{position:absolute;transform:translate3d(calc(var(--mx)*var(--dp,10)*1px),calc(var(--my)*var(--dp,10)*1px),0);transition:transform .25s ease-out}
.card{display:block;position:relative;border-radius:10px;overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,.65),0 0 0 1px rgba(255,214,140,.35),0 0 60px rgba(240,169,58,.22);background:#000}
.card img{display:block;width:100%;height:auto}
.s-cover{width:36%;left:60%;top:3%;--dp:6;z-index:1}.s-cover .card{transform:rotate(6deg)}
.s-portrait{width:42%;left:24%;top:5%;--dp:14;z-index:2}.s-portrait .card{transform:rotate(-2.5deg);box-shadow:0 50px 100px rgba(0,0,0,.7),0 0 0 2px rgba(255,214,140,.55),0 0 90px rgba(240,169,58,.4)}
.s-solo{width:21%;left:74%;top:58%;--dp:10;z-index:2}.s-solo .card{transform:rotate(8deg)}
.s-song{width:50%;left:10%;top:66%;--dp:18;z-index:4}.s-song .card{transform:rotate(-4deg);border-radius:12px}
.s-song .card:hover{box-shadow:0 40px 80px rgba(0,0,0,.65),0 0 0 2px var(--amber),0 0 70px rgba(240,169,58,.5)}
.badge{position:absolute;left:10px;top:10px;display:flex;align-items:center;gap:8px;padding:5px 12px 5px 6px;border-radius:99px;background:rgba(13,11,9,.82);color:var(--amber);font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.pl{width:20px;height:20px;border-radius:50%;background:var(--amber);position:relative}
.pl::after{content:"";position:absolute;left:8px;top:5px;border-left:8px solid var(--ink);border-top:5px solid transparent;border-bottom:5px solid transparent}
@media (prefers-reduced-motion:no-preference){
  .beams{animation:sweep 18s ease-in-out infinite alternate}
  .hero-fx i{animation:twinkle var(--d) ease-in-out var(--l) infinite}
  .card{animation:floaty 7s ease-in-out infinite}.s-cover .card{animation-delay:-2s}.s-solo .card{animation-delay:-4s}.s-song .card{animation-delay:-1s}
  @keyframes sweep{from{transform:rotate(-4deg)}to{transform:rotate(5deg)}}
  @keyframes twinkle{0%,100%{opacity:.15;transform:scale(.7)}50%{opacity:.75;transform:scale(1.15)}}
  @keyframes floaty{0%,100%{translate:0 0}50%{translate:0 -8px}}
}
@media (max-width:1100px){.hero-art{width:56%}}
@media (max-width:760px){
  .hero-art{top:var(--hdr);left:0;right:0;width:100%;height:56svh;min-height:360px;bottom:auto}
  .s-portrait{width:46%;left:27%;top:2%}.s-cover{width:38%;left:58%;top:6%}.s-song{width:54%;left:4%;top:54%}.s-solo{display:none}
  .badge{font-size:.58rem}
}

.c-portrait{aspect-ratio:3/4;background:#0d0b09}
.c-portrait img.ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease}
.c-portrait img.ph.on{opacity:1}
.gallery img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;display:block}

.banda{position:relative;overflow:hidden;min-height:clamp(380px,56vw,620px);display:flex;align-items:center;background:#0d0b09}
.banda img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 30%}
.banda::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(13,11,9,.92) 0,rgba(13,11,9,.55) 45%,rgba(13,11,9,.1) 100%),linear-gradient(0deg,var(--ink),transparent 25%,transparent 75%,var(--ink))}
.banda-in{position:relative;z-index:2;width:100%}
.banda-q{font-family:var(--serif,inherit);font-weight:800;font-size:clamp(2rem,5.4vw,4.2rem);line-height:1.05;max-width:12ch;margin:0 0 26px;color:var(--ivory)}
@media (max-width:760px){.banda::before{background:linear-gradient(0deg,rgba(13,11,9,.95) 0,rgba(13,11,9,.5) 60%,rgba(13,11,9,.2))}.banda{align-items:flex-end;padding-bottom:40px}.banda img{object-position:65% 20%}}
.gallery{grid-template-columns:repeat(3,1fr)}
.gallery img{aspect-ratio:3/2}
@media (max-width:760px){.gallery{grid-template-columns:1fr 1fr}.gallery li:first-child{grid-column:1/-1}}

/* Cabecera B · elegante */
.hero-b{background:radial-gradient(ellipse at 70% 40%,rgba(120,140,170,.16),transparent 60%),var(--ink)}
.hb-img{position:absolute;top:0;right:0;bottom:0;width:min(68%,1000px);overflow:hidden}
.hb-img img{width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 42%);mask-image:linear-gradient(90deg,transparent 0,#000 42%);filter:saturate(.92) contrast(1.04)}
.hb-img::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--ink) 0,transparent 30%),linear-gradient(180deg,rgba(13,11,9,.6),transparent 22%);pointer-events:none}
.hero-b .hero-in{position:relative;z-index:2}
.hero-b .eyebrow{display:flex;align-items:center;gap:14px}
.hero-b .eyebrow::before{content:"";width:48px;height:1px;background:var(--amber)}
.hero-b h1{font-weight:500;letter-spacing:.14em;font-size:clamp(4.6rem,13vw,9.4rem)}
.hero-b .motto{font-weight:500}
.hb-song{position:absolute;z-index:3;right:clamp(20px,5vw,72px);bottom:clamp(28px,6vh,60px);display:grid;gap:3px;text-align:right;padding-top:14px;border-top:1px solid rgba(240,169,58,.7);min-width:240px;color:var(--ivory);text-decoration:none}
.hb-song small{color:var(--amber);font-weight:700;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase}
.hb-song strong{font-family:var(--serif,inherit);font-size:1.25rem;font-weight:600}
.hb-song em{font-style:normal;color:var(--ivory-dim);font-size:.85rem}
.hb-song:hover strong{color:var(--amber)}
@media (prefers-reduced-motion:no-preference){.hb-img img{animation:kb 22s ease-in-out infinite alternate}@keyframes kb{from{transform:scale(1)}to{transform:scale(1.06)}}}
@media (max-width:760px){
  .hb-img{inset:0 0 auto 0;width:100%;height:66svh;min-height:420px}
  .hb-img img{-webkit-mask-image:none;mask-image:none}
  .hb-img::after{background:linear-gradient(0deg,var(--ink) 0,rgba(13,11,9,.75) 26%,transparent 60%),linear-gradient(180deg,rgba(13,11,9,.55),transparent 22%)}
  .hero-b h1{font-size:clamp(4rem,21vw,6rem)}
  .hb-song{display:none}
}

/* Cabecera C · rostro */
.hero-c{background:radial-gradient(ellipse at 72% 35%,rgba(240,169,58,.3),transparent 58%),var(--ink)}
.hc-img{position:absolute;top:0;right:0;bottom:0;width:min(64%,940px);overflow:hidden}
.hc-img{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 40%);mask-image:linear-gradient(90deg,transparent 0,#000 40%)}
.hc-img img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);transform-origin:50% 12%}
.hc-img::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--ink) 0,transparent 28%),linear-gradient(180deg,rgba(13,11,9,.55),transparent 20%);pointer-events:none}
.hero-c .hero-in{position:relative;z-index:2}
.hc-mini{position:absolute;z-index:3;right:clamp(20px,6vw,90px);bottom:clamp(28px,8vh,80px);width:clamp(170px,16vw,236px);border-radius:10px;overflow:hidden;box-shadow:0 24px 50px rgba(0,0,0,.65),0 0 0 1px rgba(255,214,140,.55),0 0 40px rgba(240,169,58,.3);transform:rotate(-3deg);color:var(--ivory);text-decoration:none;background:#000}
.hc-mini img{display:block;width:100%;height:auto}
.hc-play{position:absolute;right:8px;top:8px;width:26px;height:26px;border-radius:50%;background:var(--amber)}
.hc-play::after{content:"";position:absolute;left:10px;top:7px;border-left:8px solid var(--ink);border-top:6px solid transparent;border-bottom:6px solid transparent}
.hc-cap{display:grid;gap:1px;padding:7px 10px 8px;background:rgba(13,11,9,.94)}
.hc-cap small{color:var(--amber);font-weight:700;font-size:.58rem;letter-spacing:.16em;text-transform:uppercase}
.hc-cap strong{font-size:.78rem;line-height:1.2}
.hc-mini:hover{box-shadow:0 24px 50px rgba(0,0,0,.65),0 0 0 2px var(--amber),0 0 50px rgba(240,169,58,.5)}
@media (prefers-reduced-motion:no-preference){.hc-mini{animation:hcf 6s ease-in-out infinite}@keyframes hcf{0%,100%{translate:0 0}50%{translate:0 -10px}}.hc-img img{animation:hcz 20s ease-in-out infinite alternate}@keyframes hcz{from{transform:scale(1.08)}to{transform:scale(1.14)}}}
@media (max-width:760px){
  .hc-img{inset:0 0 auto 0;width:100%;height:66svh;min-height:420px}
  .hc-img{-webkit-mask-image:none;mask-image:none}
  .hc-img img{transform:scale(1.05);transform-origin:50% 8%}
  .hc-img::after{background:linear-gradient(0deg,var(--ink) 0,rgba(13,11,9,.75) 26%,transparent 60%),linear-gradient(180deg,rgba(13,11,9,.55),transparent 22%)}
  .hc-mini{right:14px;bottom:auto;top:calc(66svh - 190px);width:128px}
}

.trk{display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:none}
.trk:hover{color:var(--amber)}
.trk-play{width:16px;height:16px;border-radius:50%;background:var(--amber);position:relative;flex:none}
.trk-play::after{content:"";position:absolute;left:6px;top:4px;border-left:6px solid var(--ink);border-top:4px solid transparent;border-bottom:4px solid transparent}
.trk-note{margin-top:12px}
.tickets p:last-child{display:flex;flex-wrap:wrap;gap:12px 14px;margin-top:18px}
.nodates .btn+.btn{margin-left:0}

/* Ajustes cabeceras (v-ajuste): A collage más pequeño; C rostro con más aire */
.hero-art{transform:scale(.88);transform-origin:50% 46%}
.hc-img img{transform:scale(1);transform-origin:50% 20%;filter:blur(.35px) contrast(.97) saturate(1.02)}
@media (prefers-reduced-motion:no-preference){.hc-img img{animation:hcz2 20s ease-in-out infinite alternate}@keyframes hcz2{from{transform:scale(1)}to{transform:scale(1.05)}}}
@media (max-width:760px){.hero-art{transform:scale(.9)}.hc-img img{transform:scale(1);transform-origin:50% 8%}}
.hc-img img{object-fit:contain;object-position:72% 100%;transform:scale(1);height:100%}
.hc-img{background:radial-gradient(ellipse at 70% 40%,#3a2410 0,var(--ink) 70%)}
@media (prefers-reduced-motion:no-preference){.hc-img img{animation:none}}
@media (max-width:760px){.hc-img img{object-fit:cover;object-position:50% 12%}}
.hc-img img{object-position:100% 100%}
.hc-img{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 35%);mask-image:linear-gradient(90deg,transparent 0,#000 35%)}
@media (max-width:760px){.hc-img{-webkit-mask-image:none;mask-image:none;background:none}}
.hc-img img{object-position:100% 100%!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28%);mask-image:linear-gradient(90deg,transparent 0,#000 28%)}
.hc-img{-webkit-mask-image:none;mask-image:none}
@media (max-width:760px){.hc-img img{object-position:50% 12%!important;-webkit-mask-image:none;mask-image:none}}
@media (min-width:761px){
.hc-img{width:min(calc(100svh*.68),64%);background:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%);mask-image:linear-gradient(90deg,transparent 0,#000 38%)}
.hc-img img{object-fit:cover;object-position:50% 0!important;-webkit-mask-image:none;mask-image:none}
}
.hb-mini{right:clamp(20px,5vw,72px);bottom:clamp(28px,7vh,70px)}
@media (max-width:760px){.hb-mini{right:14px;bottom:auto;top:calc(66svh - 190px);width:128px}}
.tickets{position:relative;min-height:190px}
.soon{display:inline-block;margin-bottom:10px;padding:4px 12px;border-radius:99px;border:1px solid var(--amber);color:var(--amber);font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.tickets .soon:empty{display:none}

/* Vídeo en reproducción: el degradado de la portada no debe tapar los controles (play/pausa) */
.vid.playing{cursor:default}
.vid.playing::after{display:none}
.vid.playing iframe{z-index:3}
.wa-link small{color:var(--ivory-dim);font-weight:400}