:root{--bg:#070605;--bg2:#0f0c08;--gold:#d4a24c;--gold2:#f3d58a;--txt:#efe6d6;--mut:#a89c86;--serif:"Cormorant Garamond","Playfair Display",Georgia,serif;--sans:"Montserrat","Inter",system-ui,sans-serif}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;scroll-padding-top:70px}
body{background:var(--bg);color:var(--txt);font:400 16px/1.6 var(--sans);overflow-x:hidden}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}
.sr{position:absolute;left:-9999px}
.gold{background:linear-gradient(120deg,#9c6b1f,#f3d58a 45%,#b98428);-webkit-background-clip:text;background-clip:text;color:transparent}
h2{font:600 clamp(2.2rem,6vw,3.6rem)/1.05 var(--serif);font-style:italic}
.eyebrow{font-size:.75rem;letter-spacing:.35em;text-transform:uppercase;color:var(--gold)}
.btn{display:inline-flex;align-items:center;gap:.5rem;min-height:46px;padding:.7rem 1.4rem;border:1px solid var(--gold);color:var(--gold2);border-radius:6px;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;background:transparent;cursor:pointer;transition:.25s}
.btn:hover,.btn:focus-visible,.btn:active{background:rgba(212,162,76,.18);transform:translateY(-1px)}
.btn.fill{background:linear-gradient(120deg,#a8741f,#f0cf80,#b98428);color:#1a1206;border:0;font-weight:700}
:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
header{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.2rem;background:linear-gradient(#000c,#0000);transition:background .3s}
header.solid{background:#070605ee;backdrop-filter:blur(8px)}
header .logo img{height:44px;width:auto}
nav ul{display:flex;gap:1.6rem;list-style:none;padding:0}
nav a{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;padding:.4rem .2rem;transition:color .2s}
nav a:hover,nav a.on{color:var(--gold2)}nav a.on{border-bottom:1px solid var(--gold)}
.burger{display:none;background:none;border:0;width:46px;height:46px;cursor:pointer;color:var(--gold2)}
.burger span{display:block;width:24px;height:2px;background:currentColor;margin:5px auto}
.hero{position:relative;min-height:100svh;display:grid;place-items:center;text-align:center;padding:6rem 1.2rem 5rem;isolation:isolate;overflow:hidden}
.hero .bg{position:absolute;inset:0;z-index:-2;background:url(../img/hero.jpg) center/cover;filter:sepia(.75) saturate(1.5) hue-rotate(-12deg) brightness(.62) contrast(1.15)}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 30%,#f0a52a33,transparent 60%),linear-gradient(#000a,#0000 35%,#000d 100%);animation:glow 7s ease-in-out infinite alternate}
@keyframes glow{to{opacity:.55}}
.hero .mark{width:min(430px,78vw);margin:0 auto;filter:drop-shadow(0 0 28px #e0a03a66)}
.hero h1{font:600 clamp(1.7rem,5vw,3.2rem)/1.1 var(--serif);letter-spacing:.12em;text-transform:uppercase;margin-top:.5rem;color:var(--gold2);text-shadow:0 2px 20px #000}
.hero .lema{font:italic 600 clamp(1.7rem,4.5vw,2.8rem)/1.1 var(--serif);margin-top:1.4rem;color:var(--gold2)}
.hero .sub{letter-spacing:.4em;font-size:.75rem;text-transform:uppercase;margin-top:.8rem;color:var(--txt)}
.down{position:absolute;bottom:1.4rem;left:50%;translate:-50% 0;width:44px;height:44px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold2);animation:bob 2s infinite}
@keyframes bob{50%{translate:-50% 6px}}
.social{position:fixed;right:.9rem;top:50%;translate:0 -50%;z-index:40;display:grid;gap:.9rem}
.social a{width:42px;height:42px;display:grid;place-items:center;color:var(--gold2);background:#000a;border-radius:50%;border:1px solid #d4a24c55;transition:.25s}
.social a:hover{background:var(--gold);color:#000}.social svg{width:20px;height:20px}
section{position:relative}
.artistas{display:grid;grid-template-columns:minmax(300px,.8fr) 1.4fr;min-height:560px;border-top:1px solid #d4a24c66;background:var(--bg2)}
.art-l{padding:4rem 2.5rem 3rem 8vw;align-self:center;display:grid;gap:1.1rem;justify-items:start}
.art-l p.big{letter-spacing:.2em;text-transform:uppercase;font-size:.85rem}
.art-l p{color:#d8ccb7;max-width:34ch}
.art-r{position:relative;overflow:hidden;min-height:520px}
.art-r img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos,70% 25%);transform:scale(var(--z,1));transform-origin:var(--o,50% 50%)}
.art-r::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg2),#000a 22%,#0000 55%),linear-gradient(#0000 55%,#000c)}
.art-info{position:absolute;z-index:2;left:6%;bottom:2.2rem;display:grid;gap:.5rem;justify-items:start}
.art-info .nm{font:italic 600 clamp(3rem,8vw,6rem)/.85 var(--serif)}
.art-info .nm b{display:block;font-style:normal;font-weight:700;letter-spacing:.05em;font-size:.62em}
.art-info .rol{letter-spacing:.2em;font-size:.78rem;text-transform:uppercase}
.arrow{position:absolute;z-index:3;top:50%;translate:0 -50%;width:46px;height:46px;border-radius:50%;border:1px solid var(--gold);background:#000a;color:var(--gold2);cursor:pointer;font-size:1.3rem}
.arrow.p{left:2%}.arrow.n{right:2%}
.musica{display:grid;grid-template-columns:.8fr 1.6fr;background:linear-gradient(120deg,#1c1206,#050403 60%);border-top:1px solid #d4a24c66;overflow:hidden}
.mus-img{position:relative;min-height:320px}.mus-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.mus-img::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0000 55%,#0b0805)}
.mus-main{padding:3rem 3vw;display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:start}
.mus-main>header{grid-column:1/-1;position:static;display:block;background:none;padding:0}
.player{border:1px solid #d4a24c88;border-radius:10px;padding:1rem;background:#0008;display:grid;grid-template-columns:150px 1fr;gap:1rem;align-items:center}
.cover{aspect-ratio:1;border-radius:6px;background:#000 center/cover;overflow:hidden;position:relative}
.cover iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.pinfo{min-width:0;display:grid;gap:.6rem}
.pinfo .t{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pinfo .a{color:var(--mut);font-size:.85rem}
.pbtn{width:62px;height:62px;border-radius:50%;border:0;background:linear-gradient(130deg,#b57d22,#f4d68c);cursor:pointer;display:grid;place-items:center;color:#1a1206}
.prow{display:flex;gap:1rem;align-items:center}
.bar{height:6px;background:#fff2;border-radius:4px;cursor:pointer;position:relative}.bar i{position:absolute;inset:0 auto 0 0;width:0;background:var(--gold);border-radius:4px}
.tm{display:flex;justify-content:space-between;font-size:.75rem;color:var(--mut)}
.msg{grid-column:1/-1;font-size:.82rem;color:#e8b86a;min-height:1.2em}
ol.list{list-style:none;padding:.4rem 1rem;border:1px solid #d4a24c88;border-radius:10px;background:#0007}
ol.list li{display:grid;grid-template-columns:2rem 1fr 40px;align-items:center;border-bottom:1px solid #d4a24c22;font-size:.88rem}
ol.list li:last-child{border:0}ol.list .n{color:var(--gold)}ol.list li.on .tt{color:var(--gold2)}
.tt{background:none;border:0;color:inherit;text-align:left;cursor:pointer;padding:.7rem 0;min-height:44px;font:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pl{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--gold);background:none;color:var(--gold2);cursor:pointer}
.pend{color:var(--mut);font-style:italic}
.videos{display:grid;grid-template-columns:260px 1fr;gap:1.5rem;padding:2.5rem 3vw 3rem;background:linear-gradient(#050403,#120c05);border-top:1px solid #d4a24c66;align-items:center}
.vtrack{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px}
.vtrack::-webkit-scrollbar{display:none}
.vc{flex:0 0 calc((100% - 2rem)/3);scroll-snap-align:start;min-width:250px}
.vthumb{position:relative;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:#000 center/cover;border:1px solid #d4a24c55;cursor:pointer;width:100%;padding:0;display:block}
.vthumb iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vthumb .ply{position:absolute;inset:0;margin:auto;width:54px;height:54px;border-radius:50%;border:2px solid var(--gold2);background:#0007;display:grid;place-items:center;color:var(--gold2);transition:.25s}
.vthumb:hover .ply{background:var(--gold);color:#000}
.vc p{font-size:.84rem;margin-top:.5rem;color:#d8ccb7}
.vnav{display:flex;gap:.6rem;margin-top:1.2rem}
.vnav .arrow{position:static;translate:none}
.contra{position:relative;isolation:isolate;display:grid;grid-template-columns:1.3fr repeat(3,.7fr) auto;gap:1.5rem;align-items:center;padding:3.5rem 5vw;border-top:1px solid var(--gold)}
.contra::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#000d,#000b),url(../img/contrataciones.jpg) center/cover;filter:sepia(.5)}
.contra h2{font-style:normal;font-family:var(--serif);letter-spacing:.04em}
.acc{display:grid;gap:.5rem;justify-items:center;text-align:center;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;padding:.8rem;border-radius:8px;transition:.25s}
.acc:hover{background:#d4a24c22}.acc svg{width:38px;height:38px;stroke:var(--gold2);fill:none;stroke-width:1.4}
.acc small{color:#e8b86a;letter-spacing:.05em;text-transform:none}
footer{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;align-items:center;padding:1.8rem 5vw;border-top:1px solid #d4a24c66;background:#050403}
footer img{height:64px;width:auto}
footer ul{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;list-style:none;padding:0;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
footer .soc{display:flex;gap:.7rem}footer .soc a{width:42px;height:42px;display:grid;place-items:center;color:var(--gold2)}footer svg{width:24px;height:24px}
.copy{width:100%;font-size:.7rem;color:#6f6554;text-align:center}
.cpage{min-height:100vh;display:grid;grid-template-columns:1fr 1.1fr;padding-top:70px;background:radial-gradient(circle at 20% 10%,#2a1a07,#070605 60%)}
.cinfo{padding:4rem 5vw;display:grid;gap:1.2rem;align-content:start}.cinfo img{width:min(320px,70%)}.cinfo p{color:#d8ccb7;max-width:42ch}
form{padding:4rem 5vw;display:grid;gap:1.1rem;align-content:start}
label{display:grid;gap:.35rem;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
input,select,textarea{font:inherit;font-size:1rem;letter-spacing:0;text-transform:none;color:var(--txt);background:#0009;border:1px solid #d4a24c88;border-radius:6px;padding:.8rem;min-height:46px;width:100%}
textarea{min-height:150px;resize:vertical}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:#ff7a5c}
.err{color:#ff9d85;font-size:.78rem;letter-spacing:0;text-transform:none;min-height:1em}
.ok{padding:1rem;border:1px solid var(--gold);border-radius:6px;background:#d4a24c18}
@media(max-width:900px){
.burger{display:block}nav{position:fixed;inset:60px 0 auto;background:#070605f5;max-height:0;overflow:hidden;transition:max-height .35s}
nav.open{max-height:80vh;border-bottom:1px solid var(--gold)}nav ul{flex-direction:column;gap:0;padding:1rem 1.4rem}nav a{display:block;padding:.9rem 0;font-size:.85rem}
.social{top:auto;bottom:.8rem;right:.6rem;translate:none;grid-auto-flow:column}.social a{width:40px;height:40px}
.artistas,.musica,.cpage{grid-template-columns:1fr}.art-l{padding:3.5rem 1.4rem 2rem}.art-r{min-height:480px}
.mus-img{min-height:240px}.mus-img::after{background:linear-gradient(#0000 50%,#0b0805)}.mus-main{grid-template-columns:1fr;padding:2rem 1.2rem}
.videos{grid-template-columns:1fr;padding:2rem 1.2rem}.vc{flex-basis:80%}
.contra{grid-template-columns:repeat(3,1fr);padding:3rem 1.2rem}.contra>div:first-child,.contra .btn{grid-column:1/-1}.contra .btn{justify-self:stretch;justify-content:center}
footer{flex-direction:column;text-align:center}footer ul{justify-content:center}}
@media(max-width:480px){.player{grid-template-columns:1fr}.cover{max-width:200px;margin:auto}.pbtn{width:56px;height:56px}.contra{grid-template-columns:1fr 1fr}.arrow.p{left:.5rem}.arrow.n{right:.5rem}}
@media(prefers-reduced-motion:reduce){*,::before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.logo{display:flex;align-items:center;gap:.6rem}.logo img{height:46px;width:auto}
.logo span{font:600 1.05rem/1 var(--serif);letter-spacing:.14em;text-transform:uppercase;color:var(--gold2)}.logo small{display:block;font:500 .5rem var(--sans);letter-spacing:.4em;margin-top:.25rem;color:var(--txt)}
footer .logo img{height:58px}
@media(max-width:380px){.logo span{font-size:.85rem}}
@media(max-width:900px){.art-r img{--z:1.5}}
@media(max-width:900px){.mus-img{min-height:380px}.mus-img img{object-position:50% 12%}}
/* ===== v2: fidelidad a la maqueta ===== */
header{padding:.5rem 2.4vw;height:76px}
.logo img{height:58px}.logo span{font:700 1.7rem/1 var(--serif);letter-spacing:.06em;background:linear-gradient(120deg,#b98428,#f3d58a 50%,#c58f32);-webkit-background-clip:text;background-clip:text;color:transparent}
.logo small{font:500 .62rem var(--sans);letter-spacing:.5em;margin-top:.45rem;color:var(--txt);-webkit-text-fill-color:var(--txt)}
nav{margin-left:auto;margin-right:1rem}nav ul{gap:.4rem}
nav a{font-size:.78rem;letter-spacing:.1em;padding:.55rem 1.1rem;border:1px solid transparent;border-radius:30px}
nav a.on{border:1px solid var(--gold);color:var(--gold2)}
.hero{display:block;min-height:0;height:clamp(540px,44.5vw,780px);padding:clamp(88px,10.5vw,150px) 1rem 0}
.hero .bg{filter:sepia(1) saturate(2.1) hue-rotate(-20deg) brightness(.48) contrast(1.35);background-position:center 40%}
.hero::before{background:radial-gradient(ellipse 60% 55% at 50% 12%,#ffb53a55,transparent 70%),linear-gradient(90deg,#0000 55%,#000b),linear-gradient(#0006,#0000 30%,#000e 100%)}
.hero .mark{width:clamp(110px,15.6vw,215px)}
.hero h1{font:700 clamp(1.8rem,4.1vw,3.4rem)/1 var(--serif);letter-spacing:.04em;text-shadow:none;margin-top:.1rem;-webkit-text-fill-color:transparent}
.hero h1 span{display:flex;align-items:center;justify-content:center;gap:1rem;font:500 clamp(.7rem,1.55vw,1.2rem)/1 var(--sans);letter-spacing:.55em;margin-top:.7rem;-webkit-text-fill-color:var(--gold2);color:var(--gold2)}
.hero h1 span::before,.hero h1 span::after{content:"";width:clamp(30px,6vw,80px);height:1px;background:var(--gold)}
.hero .lema{font:italic 700 clamp(1.5rem,3.4vw,2.8rem)/1 var(--serif);rotate:-6deg;margin-top:clamp(.9rem,2.5vw,2rem);-webkit-text-fill-color:transparent}
.hero .sub{font-size:clamp(.6rem,1.1vw,.82rem);margin-top:.9rem}
.hc{position:relative;z-index:1}
.social{position:absolute;right:1.4vw;top:52%;translate:0 -50%;z-index:5}
.social a{background:none;border:0;width:40px;height:40px;color:var(--gold)}.social svg{width:26px;height:26px}
.down{bottom:1rem}
@media(min-width:901px){
.artistas{grid-template-columns:1fr 2.1fr;min-height:0;height:clamp(380px,34vw,560px)}
.art-l{padding:2rem 1.5vw 2rem 4vw;gap:.9rem}.art-l .eyebrow{letter-spacing:.5em;font-size:clamp(.7rem,1.3vw,1rem);color:#c9a25c}
.art-l h2{font-size:clamp(3.2rem,8.4vw,7rem);line-height:.9;margin-top:-.4rem;font-weight:700}
.art-l p.big{font-size:clamp(.72rem,1.2vw,.95rem);letter-spacing:.16em}.art-l p{font-size:clamp(.78rem,1.3vw,1rem);max-width:30ch}
.art-r{min-height:0}.arrow.p{left:2%}.arrow.n{right:1.5%}
.art-info{left:3%;bottom:2.4rem}.art-info .nm{font-size:clamp(3.6rem,9vw,7.5rem)}
.art-info .nm b{font-weight:700;font-size:.55em;letter-spacing:.08em;margin-top:-.15em}
.art-info .rol{font-size:clamp(.65rem,1.1vw,.85rem);letter-spacing:.14em}
.musica{grid-template-columns:27% 1fr;height:clamp(300px,28vw,420px);background:linear-gradient(90deg,#1a0f05,#080605 40%,#150d05)}
.mus-main{grid-template-columns:1.55fr 1fr;grid-template-rows:auto 1fr auto;gap:.6rem 2.4vw;padding:1.4rem 2vw 1.2rem 0;align-content:stretch;height:100%}
.mus-main>header{grid-column:1;grid-row:1;text-align:center}.mus-main>header h2{font-size:clamp(2.4rem,5vw,4.2rem);font-weight:700;line-height:.95}
.mus-main>header .eyebrow{display:block;margin-top:.3rem;color:var(--txt);letter-spacing:.3em;font-size:clamp(.6rem,.95vw,.8rem);order:2}
.player{grid-column:1;grid-row:2;align-self:end}.list{grid-column:2;grid-row:1/3;align-self:start;margin-top:.8rem}.msg{grid-column:1/-1;grid-row:3}
ol.list li{font-size:clamp(.72rem,1.05vw,.9rem)}
}
.mus-img img{filter:brightness(1.05) contrast(1.1);mix-blend-mode:multiply}
.mus-img{background:linear-gradient(#5b3a12,#2a1706)}
.mus-img img{object-position:50% 14%;object-fit:cover}
.player{grid-template-columns:clamp(96px,12vw,150px) 1fr;grid-template-rows:auto auto;gap:.6rem 1rem;background:linear-gradient(120deg,#1b1209,#0a0705);padding:.9rem}
.cover{grid-row:1/3;background-image:url(../img/yessy-estudio.jpg);background-position:top}
.pinfo{display:contents}.pinfo>div.t,.pinfo>div.a{grid-column:2}
.pinfo .t,.pinfo .a{grid-column:2;grid-row:1}.pinfo .a{align-self:end}
.prow{grid-column:2;grid-row:2}
.videos{display:grid;grid-template-columns:23% 1fr;gap:0;padding:1.6rem 2vw 1.6rem 3vw;height:auto;background:radial-gradient(ellipse at 10% 90%,#e0902033,transparent 55%),#080604}
.vl{display:grid;gap:.5rem;align-content:center;justify-items:start}.vl h2{font-size:clamp(2.6rem,6.2vw,5.2rem);font-weight:700;line-height:.9}
.vl .eyebrow{color:var(--txt);letter-spacing:.28em;font-size:clamp(.6rem,1vw,.8rem)}
.vch{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold2);border-bottom:1px solid var(--gold);padding:.55rem 0;min-height:44px;display:inline-flex;align-items:center}
.vwrap{position:relative;padding:0 2.6rem;min-width:0}.vb{position:absolute;top:38%;translate:0 -50%;background:none;border:0;color:var(--gold2);font-size:3rem;cursor:pointer;width:44px;height:60px;line-height:1}.vb.p{left:-.2rem}.vb.n{right:-.2rem}
.vc p{font-size:.8rem;margin-top:.45rem}.vc .pend{display:none}.vthumb{border-radius:3px;border:0}
.contra{grid-template-columns:auto 1.5fr repeat(3,.55fr) auto;gap:1.4rem;padding:2rem 3vw;min-height:clamp(150px,15vw,210px);border-top:1px solid var(--gold);align-items:center}
.contra::before{background:linear-gradient(#000e,#000a 40%,#000d),url(../img/contrataciones.jpg) center 85%/cover;filter:sepia(.9) saturate(1.6) brightness(.8)}
.ring{width:clamp(66px,7.8vw,100px);aspect-ratio:1;border:1.5px solid var(--gold);border-radius:50%;display:grid;place-items:center}.ring svg{width:46%;stroke:var(--gold2);fill:none;stroke-width:1.4}
.contra h2{font:700 clamp(1.7rem,3.2vw,2.8rem)/1 var(--serif);font-style:normal;letter-spacing:.03em}
.ct p{margin-top:.5rem!important;font-size:clamp(.65rem,1.1vw,.9rem)!important;letter-spacing:.12em!important}
.contra .btn.fill{border-radius:10px;padding:.9rem 2.2rem;font-size:.82rem}
.acc{font-size:clamp(.6rem,.95vw,.74rem)}.acc svg{width:clamp(30px,3.6vw,46px);height:auto;stroke:var(--gold)}
footer{height:auto;flex-wrap:nowrap;padding:1.4rem 3.5vw;background:#050403;border-top:1px solid var(--gold)}
footer .logo img{height:clamp(52px,6.6vw,84px)}footer .logo span{font-size:clamp(1.2rem,2.3vw,2rem)}
footer ul{gap:0;font-size:clamp(.5rem,.8vw,.66rem);letter-spacing:.2em}footer li+li::before{content:"·";margin:0 .9em}
footer .soc a{width:44px}footer .soc svg{width:28px;height:28px}
@media(max-width:900px){
header{height:64px}.logo img{height:46px}.logo span{font-size:1.2rem}.logo small{font-size:.5rem}
nav{margin:0;inset:64px 0 auto}
.hero{height:auto;min-height:560px;padding:96px 1rem 4.5rem}.hero .bg{background-position:60% 40%}
.social{top:auto;bottom:.9rem;right:.8rem;translate:none;display:flex}.down{left:1rem;translate:none;bottom:1rem;animation:none}
.artistas{height:auto}.art-r{height:min(120vw,520px)}
.musica{height:auto}.mus-img{height:300px}.mus-main{padding:1.6rem 1.2rem}.mus-main>header{text-align:center}
.videos{grid-template-columns:1fr;padding:1.6rem 1rem}.vl{justify-items:center;text-align:center;margin-bottom:1rem}.vwrap{padding:0 1.6rem}.vb{font-size:2.4rem;width:30px}.vc{flex-basis:88%}
.contra{grid-template-columns:repeat(3,1fr);gap:1rem;padding:2.2rem 1rem}.ring{display:none}.contra .ct,.contra .btn{grid-column:1/-1;text-align:center}.contra .btn{justify-self:stretch;justify-content:center}
footer{flex-wrap:wrap;justify-content:center;text-align:center;gap:1rem}footer li+li::before{content:none}
}
@media(max-width:480px){.player{grid-template-columns:96px 1fr}.cover{max-width:none;margin:0}.logo span{font-size:1rem}}
@media(min-width:901px){.musica{height:auto;min-height:clamp(330px,30vw,440px)}.mus-main{height:auto}}
.mus-img{background:linear-gradient(160deg,#9a6420,#2e1907)}
.mus-img img{object-position:50% 16%;transform:scale(1.9);transform-origin:50% 14%;filter:brightness(1.15) contrast(1.05)}
@media(max-width:900px){.mus-img img{transform:scale(1.5);object-position:50% 12%}}
.mus-img{overflow:hidden}
@media(max-width:900px){footer ul{gap:.4rem 1.1rem}}
/* ===== v3: carga gráfica de marca (material generado por código) ===== */
.hero .bg{background:#050403 url(../img/escenario.jpg) center/cover;filter:none}
.hero::before{background:linear-gradient(90deg,#0000 60%,#000a),linear-gradient(#0005,#0000 25%,#0000 70%,#000c)}
.crowd{position:absolute;left:0;bottom:-1px;width:100%;height:auto;z-index:0;pointer-events:none;max-height:42%;object-fit:cover;object-position:bottom}
.tech{position:absolute;right:-1%;bottom:0;height:80%;width:auto;z-index:0;pointer-events:none}
.hc,.social,.down{z-index:2}
.artistas,.musica,.videos,.contra{box-shadow:0 -1px 18px #d4a24c44}
.videos{background:linear-gradient(#050403cc,#050403cc),url(../img/humo.jpg) left bottom/cover;background-blend-mode:normal}
.contra::before{background:url(../img/publico.png) center bottom/100% auto no-repeat,radial-gradient(ellipse at 50% 100%,#f0902a77,transparent 65%),linear-gradient(#050403,#0d0804);filter:none}
.contra{overflow:hidden}
@media(max-width:900px){.tech{height:52%;right:-14%;opacity:.9}.crowd{max-height:30%}.contra::before{background-size:200% auto}}
.contra::before{background:url(../img/publico.png) left bottom/auto 120px repeat-x,radial-gradient(ellipse at 50% 100%,#f0902abb,transparent 70%),linear-gradient(#050403,#140a04);background-repeat:repeat-x,no-repeat,no-repeat}
@media(max-width:900px){.contra::before{background-size:auto 80px,auto,auto}}
/* ===== v4: más carga gráfica, fiel a la maqueta ===== */
.gold,.logo span{background-image:linear-gradient(175deg,#fff0bf 0%,#eab94f 28%,#8a5612 52%,#f6d88c 72%,#b5801f 100%)}
h2.gold{filter:drop-shadow(0 2px 10px #e0a03a55)}
h2.gold::after{content:"";display:block;width:62%;height:2px;margin-top:.12em;background:linear-gradient(90deg,transparent,#f3d58a 25%,#b98428 70%,transparent)}
.mus-main>header h2::after,.contra h2::after{margin-inline:auto}.contra h2::after{display:none}
.hero .bg{background:#050403 url(../img/escenario.jpg) center/cover}
.hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:url(../img/chispas.png) center/cover;mix-blend-mode:screen;animation:drift 16s ease-in-out infinite alternate}
@keyframes drift{from{transform:translateY(0);opacity:.55}to{transform:translateY(-18px);opacity:1}}
.tech{height:88%;right:-2%;filter:drop-shadow(-14px 0 30px #e0902a55)}
.crowd{max-height:48%}
.art-r::before,.mus-img::before{content:"";position:absolute;inset:0;z-index:1;background:url(../img/luces.jpg) center/cover;mix-blend-mode:screen;opacity:.85;pointer-events:none}
.mus-img::before{opacity:.7;background-position:30% 0}
.art-info{z-index:3}.arrow{z-index:4}
.artistas{background:linear-gradient(110deg,#000 0%,#160d05 60%,#000)}
.artistas .art-l{background:radial-gradient(ellipse at 20% 40%,#3a2208aa,transparent 70%)}
.art-r img{filter:contrast(1.08) saturate(1.1)}
.player{border:1px solid transparent;background:linear-gradient(120deg,#22160a,#080504) padding-box,linear-gradient(130deg,#f3d58a,#7a4e12 45%,#d4a24c) border-box;box-shadow:0 0 28px #d4a24c22,inset 0 0 30px #00000088}
ol.list{border:1px solid transparent;background:linear-gradient(#0b0705,#0b0705) padding-box,linear-gradient(160deg,#f3d58a,#5f3d0f 50%,#d4a24c) border-box;box-shadow:0 0 24px #d4a24c1c}
.pbtn{box-shadow:0 0 22px #f3b44c88,inset 0 2px 3px #fff9}
.btn{box-shadow:inset 0 0 0 1px #f3d58a22,0 0 14px #d4a24c1a}
.videos{position:relative;isolation:isolate}
.videos::before{content:"";position:absolute;left:0;top:0;bottom:0;width:42%;z-index:-1;background:url(../img/luces.jpg) left bottom/cover;mix-blend-mode:screen;opacity:.55;-webkit-mask:linear-gradient(90deg,#000 40%,transparent);mask:linear-gradient(90deg,#000 40%,transparent)}
.vthumb{box-shadow:0 6px 24px #000a,0 0 0 1px #d4a24c44}
.contra::after{content:"";position:absolute;inset:0;z-index:-1;background:url(../img/chispas.png) center/cover;mix-blend-mode:screen;opacity:.5}
@media(min-width:901px){
.musica{clip-path:polygon(0 0,100% 22px,100% 100%,0 100%);margin-top:-2px;padding-top:0}
.musica::before{content:"";position:absolute;top:0;left:0;right:0;height:22px;z-index:6;background:linear-gradient(to top right,transparent calc(50% - 1px),#f6d98f 50%,transparent calc(50% + 1.5px))}
.videos{clip-path:polygon(0 22px,100% 0,100% 100%,0 100%);margin-top:-2px;padding-top:calc(1.6rem + 22px)}
.videos::after{content:"";position:absolute;top:0;left:0;right:0;height:22px;background:linear-gradient(to bottom right,transparent calc(50% - 1px),#f6d98f 50%,transparent calc(50% + 1.5px))}
}
@media(max-width:900px){.hero::after{opacity:.8}.tech{height:60%;right:-18%}.art-r::before{opacity:.6}}
.crowd{height:31%;max-height:none;object-fit:cover;object-position:top}
.tech{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%);mask-image:linear-gradient(90deg,transparent 0,#000 30%)}
@media(max-width:900px){.crowd{height:24%}}
.crowd{height:36%}
@media(max-width:900px){.tech{height:46%;right:-34%;opacity:.8}.hero .lema{margin-top:1.1rem}}
/* ===== v5: fondos reales de la productora ===== */
.hero .bg{background:#050403 url(../img/portada.jpg) center 55%/cover;filter:none}
.hero::before{background:linear-gradient(#000b,#0000 22%,#0000 72%,#000b),linear-gradient(90deg,#0006,#0000 30%)}
.hero::after{opacity:.35;animation:none}
.crowd{display:none}
.tech{height:100%;right:0;bottom:0;width:auto;max-width:none;filter:none;-webkit-mask-image:none;mask-image:none;opacity:1}
.artistas{background:#000 url(../img/bg-artistas.jpg) right center/cover}
.artistas .art-l{background:none}
.art-r::before{display:none}
.art-r::after{background:linear-gradient(#0000 55%,#000c)}
.art-r img{-webkit-mask-image:linear-gradient(100deg,transparent 2%,#000 34%);mask-image:linear-gradient(100deg,transparent 2%,#000 34%)}
.musica{background:#000 url(../img/bg-musica.jpg) center/cover}
.mus-img{background:none;overflow:hidden}
.mus-img::before,.mus-img::after{display:none}
.mus-img img{position:absolute;inset:auto;left:50%;top:-10%;height:250%;width:auto;max-width:none;transform:translateX(-50%);mix-blend-mode:normal;filter:drop-shadow(0 0 26px #e0902a77) drop-shadow(0 0 4px #f6c35f99);object-fit:contain}
.videos{background:#050403 url(../img/bg-videos.jpg) center/cover}
.videos::before{display:none}
.contra::before{background:#050403 url(../img/bg-contra.jpg) center bottom/cover;filter:none}
.contra::after{display:none}
@media(max-width:900px){.tech{height:62%;right:-18%}.mus-img img{top:-6%;height:210%}}
.tech{height:80%;right:-1%}
.hero .lema,.hero h1{filter:drop-shadow(0 2px 8px #000d)}
.hero .sub{text-shadow:0 1px 8px #000}
@media(max-width:900px){.tech{height:56%;right:-22%}}
.hero .lema{filter:drop-shadow(0 0 3px #000) drop-shadow(0 0 10px #000) drop-shadow(0 0 18px #000b)}
.hero .lema.gold{background-image:linear-gradient(175deg,#fff6d6,#f3d58a 45%,#c9942e)}
.social a{background:#000b;border:1px solid #d4a24c88;border-radius:50%;width:42px;height:42px}.social svg{width:22px;height:22px}
.contra::before{background:linear-gradient(90deg,#000c,#0005 45%,#000b),linear-gradient(#000d,#0006 55%,#000c),#050403 url(../img/bg-contra.jpg) center bottom/cover}
.contra h2,.contra .ct p,.acc{text-shadow:0 1px 10px #000}
.videos{background:linear-gradient(90deg,#000b,#0000 38%),#050403 url(../img/bg-videos.jpg) center/cover}
.vl h2,.vl .eyebrow,.vch{filter:drop-shadow(0 0 6px #000) drop-shadow(0 2px 12px #000)}
@media(max-width:900px){.artistas{background:linear-gradient(#000d,#000b),#000 url(../img/bg-artistas.jpg) 85% center/cover}.art-r{margin-top:0}.contra .ct{text-shadow:0 1px 10px #000}}