
:root{--pink:#f40f62;--pink-soft:#ff6f9f;--violet:#2d215a;--violet-deep:#241942;--ink:#1c191f;--paper:#f4f1ea;--white:#fff;--muted:#747079;--line:rgba(28,25,31,.16);--max:1500px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.5;overflow-x:hidden}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}button{font:inherit}
.site-header{position:fixed;z-index:100;top:0;left:0;right:0;height:78px;padding:12px clamp(22px,4vw,64px);display:flex;align-items:center;justify-content:space-between;background:rgba(244,241,234,.91);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);transition:.25s ease}.site-header.is-dark{background:rgba(28,25,31,.9);color:#fff;border-color:rgba(255,255,255,.12)}.brand img{width:152px;height:46px;object-fit:contain}.site-header.is-dark .brand img{filter:brightness(0) invert(1)}.nav{display:flex;align-items:center;gap:26px;text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:900}.nav a{position:relative}.nav a:not(.nav-book):after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:2px;background:var(--pink);transition:right .2s ease}.nav a:hover:after{right:0}.nav-book{padding:10px 15px;background:var(--pink);color:#fff}.menu-toggle{display:none;border:0;background:none;font-size:12px;font-weight:900;letter-spacing:.12em;color:inherit}
.hero{height:100vh;min-height:760px;position:relative;overflow:hidden;background:#b8b8b0}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%;transform:scale(1.015)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,12,25,.84) 0%,rgba(21,15,38,.48) 42%,rgba(10,8,18,.05) 76%),linear-gradient(0deg,rgba(15,12,25,.42) 0%,transparent 35%)}.hero-noise{position:absolute;inset:0;opacity:.09;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.hero-copy{position:relative;z-index:3;padding:20vh 6vw 8vh;max-width:980px;color:#fff}.hero-meta{font-weight:900;font-size:11px;letter-spacing:.22em;color:#ffd2df}.hero h1{font-size:clamp(86px,13.2vw,214px);line-height:.72;margin:24px 0 34px;letter-spacing:-.075em;font-weight:1000;text-transform:uppercase}.hero h1 span{display:block}.hero-title{font-size:clamp(26px,3.1vw,48px);font-weight:900;line-height:1;margin:0 0 16px}.hero-title i{font-family:Georgia,serif;font-weight:400}.hero-sub{max-width:740px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.8)}.hero-actions,.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;text-transform:uppercase;letter-spacing:.11em;font-size:11px;font-weight:900;border:1px solid transparent;transition:.2s ease}.button-pink{background:var(--pink);color:#fff}.button-pink:hover{background:#d70b52;transform:translateY(-1px)}.button-line{color:#fff;border-color:rgba(255,255,255,.75)}.button-line:hover{background:#fff;color:var(--ink)}.hero-stamp{position:absolute;right:5vw;bottom:5vw;z-index:3;color:#fff;text-align:right;font-size:14px;line-height:1.15;font-weight:900;letter-spacing:.2em}.halftone{position:absolute;background-image:radial-gradient(currentColor 2.3px,transparent 2.3px);background-size:15px 15px}.halftone-hero{right:-70px;top:21%;width:340px;height:280px;color:var(--pink);transform:rotate(-10deg);opacity:.85}
.statement{padding:58px 6vw;background:var(--violet);color:#fff;display:grid;grid-template-columns:120px 1fr;gap:28px;align-items:start}.statement-index,.section-number{font-size:11px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.statement p{font-size:clamp(28px,4vw,62px);line-height:1.02;max-width:1240px;margin:0;font-weight:500;letter-spacing:-.03em}.statement strong{color:var(--pink-soft)}
.section-grid{position:relative;display:grid;grid-template-columns:76px minmax(320px,.9fr) minmax(380px,1.1fr);gap:clamp(28px,5vw,80px);padding:120px 6vw;max-width:var(--max);margin:0 auto}.section-light{background:var(--paper)}.section-white{background:#fff}.section-number{padding-top:4px;writing-mode:vertical-rl;transform:rotate(180deg);color:var(--muted)}.light-number{color:rgba(255,255,255,.58)}.portrait-wrap{position:relative}.portrait-wrap img{width:100%;height:760px;object-fit:cover}.portrait-tag{position:absolute;left:-24px;bottom:30px;background:var(--pink);color:#fff;padding:12px 18px;font-size:11px;font-weight:900;letter-spacing:.17em}.copy-block{align-self:center;max-width:780px}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:900;color:var(--pink);margin:0 0 18px}.copy-block h2,.shows-copy h2{font-size:clamp(46px,6vw,90px);line-height:.92;letter-spacing:-.055em;margin:0 0 30px}.copy-block p{font-size:18px;max-width:680px}.copy-block .lead{font-size:clamp(21px,2vw,29px);line-height:1.24;font-weight:700}
.trajectory{padding:120px 6vw;background:var(--violet-deep);color:#fff}.trajectory-head{max-width:var(--max);margin:0 auto 56px;display:grid;grid-template-columns:76px 1fr;gap:clamp(28px,5vw,80px)}.trajectory-head h2,.music-head h2,.press-head h2{font-size:clamp(54px,7vw,110px);line-height:.88;letter-spacing:-.065em;margin:0}.trajectory-head h2 span{color:var(--pink)}.timeline{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.18)}.timeline article{min-height:330px;padding:32px;border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);position:relative;overflow:hidden}.timeline article:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-70px;bottom:-70px;background:var(--pink)}.year{font-size:10px;letter-spacing:.17em;font-weight:900;color:var(--pink-soft)}.timeline h3{font-size:34px;line-height:1;margin:18px 0}.timeline p{max-width:360px;color:rgba(255,255,255,.76);font-size:16px}
.sound{background:#fff}.sound-copy{grid-column:2}.sound-photo{grid-column:3;position:relative}.sound-photo img{width:100%;height:720px;object-fit:cover}.sound-word{position:absolute;right:-16px;bottom:22px;font-size:clamp(58px,8vw,130px);font-weight:1000;letter-spacing:-.07em;color:var(--pink);mix-blend-mode:multiply;transform:rotate(-90deg);transform-origin:bottom right}
.music-section{padding:120px 6vw;background:var(--pink);color:#fff}.music-head{max-width:var(--max);margin:0 auto 50px;display:grid;grid-template-columns:76px 1fr;gap:clamp(28px,5vw,80px)}.music-cards{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.music-card{min-height:320px;background:#fff;color:var(--ink);padding:28px;display:flex;flex-direction:column;justify-content:space-between;transition:.2s ease}.music-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(93,0,38,.15)}.music-card small{font-size:10px;letter-spacing:.16em;font-weight:900;color:var(--pink)}.music-card strong{font-size:clamp(34px,4vw,58px);line-height:.95;letter-spacing:-.04em}.music-card span{font-size:13px;color:var(--muted)}.selected-tracks strong{font-size:clamp(26px,2.8vw,42px)}
.shows{background:var(--paper)}.shows-photo{position:relative}.shows-photo img{height:780px;width:100%;object-fit:cover}.halftone-show{left:-72px;bottom:40px;width:250px;height:240px;color:var(--violet);z-index:-1}.shows-copy{align-self:center}.show-list{margin-top:30px}.show-list div{display:grid;grid-template-columns:1fr auto;gap:20px;border-top:1px solid var(--line);padding:17px 0}.show-list div:last-child{border-bottom:1px solid var(--line)}.show-list b{font-size:18px}.show-list span{font-size:13px;color:var(--muted);text-align:right}
.brands-section{display:grid;grid-template-columns:1.05fr .95fr;background:var(--ink);color:#fff}.brand-copy{padding:110px 7vw}.brand-copy h2{font-size:clamp(54px,7vw,105px);line-height:.9;letter-spacing:-.06em;margin:20px 0 30px}.brand-copy p{font-size:19px;max-width:760px;color:rgba(255,255,255,.78)}.brand-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px}.brand-cloud span{border:1px solid rgba(255,255,255,.28);padding:10px 12px;font-size:10px;font-weight:900;letter-spacing:.12em}.brand-photo img{width:100%;height:100%;min-height:720px;object-fit:cover}
.press-section{padding:120px 6vw;background:#fff}.press-head{max-width:var(--max);margin:0 auto 50px;display:grid;grid-template-columns:76px 1fr;gap:clamp(28px,5vw,80px)}.press-list{max-width:var(--max);margin:0 auto}.press-list a{display:grid;grid-template-columns:1.1fr 2fr 40px;gap:20px;align-items:center;padding:24px 0;border-top:1px solid var(--line);transition:.2s ease}.press-list a:last-child{border-bottom:1px solid var(--line)}.press-list a:hover{padding-left:14px;color:var(--pink)}.press-list span{font-size:25px;font-weight:900}.press-list em{font-style:normal;color:var(--muted)}.press-list b{text-align:right;font-size:20px}
.contact-section{padding:100px 6vw;background:var(--violet-deep);color:#fff;position:relative;overflow:hidden}.contact-section:after{content:"";position:absolute;right:-70px;bottom:-110px;width:420px;height:420px;border-radius:50%;background:var(--pink)}.contact-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;max-width:var(--max);margin:0 auto}.contact-top img{width:180px}.contact-section h2{position:relative;z-index:2;font-size:clamp(76px,11vw,170px);line-height:.76;letter-spacing:-.07em;margin:80px auto 30px;max-width:var(--max)}.contact-section>p,.contact-actions,.contact-links{position:relative;z-index:2;max-width:var(--max);margin-left:auto;margin-right:auto}.contact-section>p{font-size:20px}.contact-links{display:flex;gap:22px;flex-wrap:wrap;margin-top:50px;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.12em}
footer{padding:24px 6vw;background:#121014;color:rgba(255,255,255,.66);display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media (max-width:980px){.menu-toggle{display:block}.nav{position:fixed;top:78px;left:0;right:0;background:var(--ink);color:#fff;display:none;flex-direction:column;align-items:stretch;padding:18px 6vw 26px;gap:0}.nav.open{display:flex}.nav a{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.12)}.nav-book{background:none}.hero{min-height:760px}.hero-photo{object-position:60% center}.hero-shade{background:linear-gradient(180deg,rgba(16,11,28,.12),rgba(16,11,28,.82) 68%)}.hero-copy{padding:46vh 6vw 8vh}.hero-stamp{display:none}.halftone-hero{opacity:.42}.statement{grid-template-columns:1fr}.section-grid{grid-template-columns:1fr;padding:80px 6vw}.section-number{writing-mode:horizontal-tb;transform:none}.portrait-wrap,.copy-block,.sound-copy,.sound-photo,.shows-photo,.shows-copy{grid-column:auto}.portrait-wrap img,.sound-photo img,.shows-photo img{height:auto;max-height:760px}.trajectory{padding:80px 6vw}.trajectory-head,.music-head,.press-head{grid-template-columns:1fr}.timeline,.music-cards{grid-template-columns:1fr}.timeline article{min-height:240px}.brands-section{grid-template-columns:1fr}.brand-copy{padding:80px 6vw}.brand-photo img{min-height:auto;max-height:760px}.press-list a{grid-template-columns:1fr 34px}.press-list em{grid-column:1}.press-list b{grid-column:2;grid-row:1 / span 2}.contact-section h2{margin-top:60px}}
@media (max-width:600px){.site-header{height:70px}.brand img{width:130px}.nav{top:70px}.hero{min-height:700px}.hero-copy{padding-top:42vh}.hero h1{font-size:clamp(68px,23vw,112px)}.hero-sub{font-size:10px}.statement{padding:44px 6vw}.copy-block h2,.shows-copy h2{font-size:46px}.trajectory-head h2,.music-head h2,.press-head h2{font-size:54px}.music-section,.press-section{padding:80px 6vw}.show-list div{grid-template-columns:1fr}.show-list span{text-align:left}.contact-top{align-items:flex-start}.contact-top img{width:125px}.contact-section h2{font-size:70px}footer{display:block}footer span{display:block;margin:6px 0}}

/* ---------- v3: idioma, 5 tarjetas de música, rider ---------- */
.header-right{display:flex;align-items:center;gap:22px}
.lang-switch{display:flex;border:1px solid currentColor;font-size:10px;font-weight:900;letter-spacing:.12em}
.lang-switch button{border:0;background:none;color:inherit;padding:7px 9px;cursor:pointer;opacity:.55}
.lang-switch button[aria-pressed="true"]{background:var(--pink);color:#fff;opacity:1}
.music-cards{grid-template-columns:repeat(3,1fr)}
.music-cards .selected-tracks{grid-column:span 2;background:var(--violet-deep);color:#fff}
.music-cards .selected-tracks span{color:rgba(255,255,255,.7)}
.music-cards .selected-tracks small{color:var(--pink-soft)}
.press-kit-row span{color:var(--pink)}
.rider{position:relative;z-index:2;max-width:var(--max);margin:56px auto 0;border-top:1px solid rgba(255,255,255,.2);padding-top:26px}
.rider-title{font-size:11px;font-weight:900;letter-spacing:.2em;color:var(--pink-soft);margin-bottom:18px}
.rider-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1000px}
.rider-grid div{border:1px solid rgba(255,255,255,.2);padding:18px 20px;background:rgba(255,255,255,.04)}
.rider-grid small{display:block;font-size:10px;letter-spacing:.16em;font-weight:900;color:rgba(255,255,255,.58);margin-bottom:8px}
.rider-grid b{font-size:18px;line-height:1.25}
@media (max-width:980px){.music-cards{grid-template-columns:1fr}.music-cards .selected-tracks{grid-column:auto}.rider-grid{grid-template-columns:1fr}.header-right{gap:14px}}

/* ---------- v3.1: hero dividido — el texto ya no tapa la cara ---------- */
@media (min-width:981px){
  .hero{background:var(--violet-deep)}
  .hero-photo{left:auto;right:0;width:56%;object-position:center 30%;transform:none}
  .hero-shade{background:linear-gradient(90deg,var(--violet-deep) 44%,rgba(36,25,66,.55) 50%,rgba(36,25,66,0) 62%),linear-gradient(0deg,rgba(15,12,25,.35) 0%,transparent 30%)}
  .hero-copy{max-width:50vw;padding:18vh 0 8vh 6vw}
  .hero h1{font-size:clamp(72px,8.6vw,170px)}
  .hero-title{font-size:clamp(24px,2.5vw,42px)}
  .hero-sub{max-width:40vw}
  .halftone-hero{right:auto;left:38%;top:auto;bottom:6%;width:240px;height:200px;opacity:.6}
}
@media (max-width:980px){
  .hero{background:var(--violet-deep);display:flex;align-items:flex-end}
  .hero-photo{height:64%;object-position:center 18%;transform:none}
  .hero-shade{background:linear-gradient(180deg,rgba(36,25,66,0) 0%,rgba(36,25,66,0) 38%,var(--violet-deep) 64%)}
  .hero-copy{padding:0 6vw 7vh}
  .halftone-hero{display:none}
}
/* v3.2: fotos del press kit */
.portrait-wrap img{object-position:center top}
.sound-photo img{object-fit:contain;height:auto;max-height:720px}
.sound-word{mix-blend-mode:normal;opacity:.9}
/* v3.3: lista de shows tipo RA */
.show-list div{grid-template-columns:92px 1fr auto;align-items:baseline;padding:13px 0}
.show-list time{font-size:11px;font-weight:900;letter-spacing:.08em;color:var(--pink)}
.show-list b{font-size:16px;line-height:1.25}
.show-list span{font-size:12px}
.ra-link{display:inline-block;margin-top:22px;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;border-bottom:2px solid var(--pink);padding-bottom:4px}
.shows-photo img{object-position:center 20%}
@media (max-width:600px){.show-list div{grid-template-columns:1fr;gap:3px}.show-list span{text-align:left}}
@media (min-width:981px){.shows-photo{position:sticky;top:110px;align-self:start}}
/* v3.4: marcas con enlace */
.brand-cloud a{border:1px solid rgba(255,255,255,.28);padding:10px 12px;font-size:10px;font-weight:900;letter-spacing:.12em;transition:.2s ease}
.brand-cloud a:hover{background:var(--pink);border-color:var(--pink);color:#fff}
/* v3.5: prensa con año */
.press-list a{grid-template-columns:70px 1.1fr 2fr 40px}
.press-list small{font-size:11px;font-weight:900;letter-spacing:.1em;color:var(--pink)}
@media (max-width:980px){.press-list a{grid-template-columns:1fr 34px}.press-list small{grid-column:1}.press-list span,.press-list em{grid-column:1}.press-list b{grid-column:2;grid-row:1 / span 3}}
/* v3.6: texto del hero centrado verticalmente */
@media (min-width:981px){.hero{display:flex;align-items:center}.hero-copy{padding:78px 0 0 6vw}}
@media (max-width:980px){.press-list small:empty{display:none}}
