/* Dirección de arte: retrato, carbón y luz ámbar. Propuesta de portada. */
.st-proof{margin:28px 0 18px;padding-top:22px;border-top:1px solid #ffffff25}
.st-proof h3{font:500 10px var(--body);letter-spacing:.14em;text-transform:uppercase;color:#aaa;margin:0 0 14px}
.st-venues{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;padding:0;margin:0;font-size:12px;line-height:1.7;color:#e2e2e2}
.st-formats{border-bottom:1px solid #ffffff20}
.st-formats>.st-title{margin-top:24px}
.st-format-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.st-format{display:flex;flex-direction:column;align-items:flex-start;padding:24px 0 0;border-top:1px solid #ffffff40}
.st-format-number{font-size:12px;color:#ff9a4d;letter-spacing:.1em}
.st-format h3{font:400 clamp(27px,3vw,38px)/1.15 var(--cond);text-transform:uppercase;letter-spacing:-.02em;margin:24px 0 16px}
.st-format p{font-size:13px;line-height:1.8;color:#b8b8b8;margin:0 0 16px}
.st-format .st-text-link{margin-top:auto}
@media(max-width:700px){.st-format-grid{grid-template-columns:1fr;gap:28px}.st-format h3{margin-top:14px}.st-format p{max-width:46ch}}
.studio-home{--bg:#0b0c0d;--text:#f2f2f2;--accent:#FF6B00;background:#0b0c0d;color:#f2f2f2}
.studio-home nav{padding:20px 4.5%;background:rgba(11,12,13,.76);border-color:#ffffff16}
.studio-home nav.scrolled{padding:13px 4.5%;background:rgba(11,12,13,.92)}
.studio-home .nav-logo{font-size:23px}.studio-home .nav-logo span{color:#f2f2f2;margin-left:3px}
.studio-home .nav-links .nav-cta{background:#f2f2f2!important;background-image:none!important;color:#16120e!important;-webkit-text-fill-color:#16120e!important;border-radius:6px!important;box-shadow:none;font-size:12px}
.studio-home .lang-sw{display:none!important}
.studio-home .wa-float{border-radius:50%;width:48px;height:48px;padding:12px;box-shadow:0 4px 20px #0007}.studio-home .wa-float span{display:none}
.studio-home footer{max-width:1280px;margin:0 auto;border-top:1px solid #ffffff20;padding:36px 4.5% 40px;background:none}.studio-home .foot-copy{color:#a6a5a1}.studio-home .foot-links a[href="manager.html"]{display:none}
.studio{overflow:clip}.studio section{scroll-margin-top:90px}
.st-hero{position:relative;min-height:880px;height:100svh;max-height:1120px;isolation:isolate;background:radial-gradient(ellipse at 22% 25%,#202123 0%,#101112 46%,#090a0b 75%)}
.st-portrait{position:absolute;right:0;top:0;width:52%;height:100%;overflow:hidden;z-index:-1}
.st-portrait picture,.st-portrait img{display:block;width:100%;height:100%}
.st-portrait img{object-fit:cover;object-position:50% 50%;filter:saturate(.72) brightness(.88)}
.st-portrait::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101112 0%,#10111200 25%),linear-gradient(0deg,#0b0c0d 0%,transparent 30%,#0b0c0d30 100%)}
.st-photo-caption{position:absolute;right:8%;bottom:16%;z-index:1;font-size:10px;letter-spacing:2px;line-height:1.7;font-weight:600;color:#fff;text-shadow:0 2px 12px #000}
.st-hero-copy{padding:160px 4.5% 150px;width:70%}
.st-eyebrow{font-size:10px;font-weight:600;letter-spacing:2.2px;line-height:1.6;color:#b8b8b8;text-transform:uppercase}
.st-hero .st-eyebrow{display:flex;gap:10px;align-items:center;color:#d6d6d6}
.st-hero .st-eyebrow>span{width:6px;height:6px;background:#ff9a4d;border-radius:50%;box-shadow:0 0 18px #ff6b0080}
.st-hero h1{position:relative;width:max-content;font-family:var(--cond);font-size:clamp(110px,14vw,218px);font-weight:700;letter-spacing:-.035em;line-height:.79;margin:38px 0 32px}
.st-hero h1>span{color:#f2f2f2}.st-hero h1 i{font-family:Inter,sans-serif;font-style:normal;position:absolute;top:0;right:-26px;font-size:21px;letter-spacing:0;color:#ff9a4d}
.st-intro{font-size:clamp(17px,1.6vw,24px);line-height:1.5;letter-spacing:-.4px;font-weight:500}.st-intro>span{color:#b8b8b8}
.st-actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-top:34px}
.st-button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:52px;padding:15px 23px;border:1px solid #ffc48699;border-radius:7px;font-size:12px;font-weight:600;color:#211307;background:linear-gradient(120deg,#ff963e,#ff6b00 55%,#ef6200);box-shadow:inset 0 1px 0 #fff7,0 6px 22px #0004;transition:box-shadow .2s ease,transform .2s ease}
.st-button>span{font-size:21px;line-height:1}.st-button-light{background:#f2f2f2;border-color:#f2f2f2;color:#171716;box-shadow:inset 0 1px 0 #fff}
.st-text-link{display:inline-block;min-height:44px;padding:12px 0;font-size:12px;font-weight:500;color:#dedbd5;border-bottom:1px solid #ffffff40;transition:border-color .2s ease}
.st-hero-bottom{position:absolute;bottom:35px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff30;padding-top:23px;font-size:9px;font-weight:500;letter-spacing:2px;color:#c5c0b6}.st-hero-bottom a{padding:10px}.st-hero-bottom a span{padding-left:18px}
.st-section{max-width:1280px;padding:100px 4.5%;margin:auto}
.st-section-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:36px}
.st-section-top .st-text-link{border:0;padding-right:0}
.st-sound-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:18px}
.st-live-image{position:relative;min-height:450px;overflow:hidden;border-radius:14px;background:#161a1d}
.st-live-image picture,.st-live-image img{display:block;width:100%;height:100%;position:absolute;inset:0}.st-live-image img{object-fit:cover;object-position:60% 50%;filter:saturate(.65) brightness(.8)}
.st-live-image::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#05080aaf,transparent 60%)}
.st-image-label{position:absolute;bottom:29px;left:28px;z-index:1;font-size:10px;letter-spacing:2px;color:#fff;max-width:70%}
.st-round-link{position:absolute;z-index:1;right:24px;bottom:23px;display:grid;place-items:center;width:48px;height:48px;background:#ffffff15;border:1px solid #fff7;backdrop-filter:blur(12px);border-radius:50%;font-size:24px;color:white}
.st-release{position:relative;overflow:hidden;border:1px solid #ffffff20;border-radius:14px;padding:42px;background:radial-gradient(ellipse at 0 0,#ffffff05,transparent 65%),linear-gradient(135deg,#fff1,#0003),#171718;box-shadow:inset 0 1px 0 #ffffff30,0 15px 45px #0003}
.st-release h2{font-family:var(--cond);font-size:clamp(40px,5vw,72px);line-height:.98;letter-spacing:-1px;margin:28px 0 20px}.st-release h2 em{font-style:normal;color:#ff9a4d}
.st-release>p:not(.st-eyebrow){font-size:13px;color:#b9b7b1;line-height:1.8;margin-bottom:25px}
.st-wave{display:flex;gap:6px;align-items:center;height:42px;margin-top:38px;opacity:.55}.st-wave i{display:block;width:3px;height:18px;border-radius:3px;background:#dca66c}.st-wave i:nth-child(3n){height:34px}.st-wave i:nth-child(4n){height:9px}.st-wave i:nth-child(5n){height:42px}
.st-dates{padding-top:40px}.st-title{font-family:var(--cond);font-size:clamp(58px,8vw,110px);font-weight:600;letter-spacing:-1.5px;line-height:.95;margin:0 0 45px}.st-title span{color:#8e8d88}
.st-event{display:grid;grid-template-columns:105px 1fr 150px 40px;align-items:center;gap:22px;padding:27px 0;border-top:1px solid #ffffff25;transition:background .2s ease}.st-event:last-child{border-bottom:1px solid #ffffff25}.st-event-date{font-size:14px;color:#ff9a4d;text-transform:uppercase}.st-event-title{font-family:var(--cond);font-weight:500;font-size:31px;line-height:1.2}.st-event-city{font-size:12px;color:#b0ada7}.st-event-arrow{font-size:26px;text-align:right}
.st-about{display:grid;grid-template-columns:.9fr 1fr;gap:10%;align-items:center}
.st-about-photo{position:relative;max-height:620px;overflow:hidden;border-radius:4px}.st-about-photo img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 35%;filter:saturate(.5)}.st-about-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000a,transparent 40%)}.st-about-photo>span{position:absolute;bottom:24px;left:25px;font-size:9px;letter-spacing:2px;z-index:1}
.st-about-copy h2{font-family:var(--cond);font-size:clamp(38px,4.4vw,62px);line-height:1.05;font-weight:500;letter-spacing:-.7px;margin:27px 0}.st-about-copy h2 em{font-style:normal;color:#a7a39c}.st-about-copy>p:not(.st-eyebrow){font-size:14px;line-height:1.85;color:#b8b4ad;margin:0 0 18px}.st-about-copy p a{color:#ededed;text-decoration:underline;text-underline-offset:4px}
.st-north{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;background:radial-gradient(ellipse at 75% 50%,#6c23231c,transparent 60%);overflow:hidden}
.st-north .st-eyebrow{color:#eda3a3}.st-north h2{font-family:var(--cond);font-size:clamp(60px,7vw,96px);font-weight:500;line-height:.95;margin-top:22px}.st-north p:not(.st-eyebrow){font-size:14px;color:#c4b9b9;margin-bottom:18px}.st-north>div{position:relative;z-index:1}.st-north-mark{position:absolute;right:-10px;top:0;font-family:var(--cond);font-size:330px;line-height:1;color:#812d2d18;pointer-events:none}
.st-booking{position:relative;padding:55px 6%;border:1px solid #ffffff25;border-radius:20px;background:radial-gradient(ellipse at 3% 0%,#ffffff0b,transparent 65%),linear-gradient(135deg,#ffffff14,transparent 70%),#111213;box-shadow:inset 0 1px 0 #ffffff35,0 18px 50px #0005;overflow:hidden}
.st-booking h2{font-family:var(--cond);font-size:clamp(62px,9vw,125px);font-weight:500;letter-spacing:-2px;line-height:.95;margin:35px 0}.st-booking h2 em{font-style:normal;color:#ff9a4d}.st-booking-bottom{display:flex;justify-content:space-between;gap:30px;align-items:end}.st-booking-bottom p{font-size:14px;line-height:1.8;color:#b8b8b8}
@media(hover:hover){.st-button:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #fff9,0 10px 28px #0007}.st-text-link:hover{border-color:#ff9a4d}.st-event:hover{background:#ffffff04}.st-event:hover .st-event-arrow{color:#ff9a4d}}
@media(max-width:900px){.studio-home nav{padding:14px 24px}.studio-home .nav-links{background:#101113ed}.st-hero{height:auto;min-height:780px}.st-hero-copy{padding-top:145px;width:75%}.st-hero h1{font-size:clamp(100px,17vw,155px)}.st-portrait{width:58%}.st-actions{gap:15px;align-items:start;flex-direction:column}.st-section{padding:70px 6%}.st-sound-grid{grid-template-columns:1fr 1fr}.st-release{padding:28px}.st-live-image{min-height:420px}.st-about{gap:7%}.st-event{grid-template-columns:85px 1fr 100px 24px;gap:14px}.st-event-title{font-size:25px}.st-booking{padding:40px 7%}}
@media(max-width:600px){.st-hero{min-height:920px}.st-portrait{width:100%;height:590px;top:0;opacity:.9}.st-portrait img{object-position:50% 31%;filter:saturate(.65) brightness(.76)}.st-portrait::after{background:linear-gradient(0deg,#0b0c0d 0%,#0b0c0d10 65%,#0b0c0d55),linear-gradient(90deg,#0b0c0d80,transparent 80%)}.st-photo-caption{display:none}.st-hero-copy{padding:155px 6% 130px;width:100%}.st-hero .st-eyebrow{font-size:8px;letter-spacing:1.5px}.st-hero h1{font-size:clamp(100px,25vw,150px);margin-top:48px;text-shadow:0 2px 30px #0004}.st-hero h1 i{font-size:15px;right:-22px}.st-intro{margin-top:135px;font-size:19px}.st-actions{flex-direction:row;gap:15px;margin-top:25px}.st-button{font-size:11px;padding:14px 18px;gap:27px}.st-hero-bottom{left:6%;right:6%;bottom:28px;letter-spacing:1px;font-size:8px}.st-section{padding:60px 6%}.st-section-top{align-items:start;gap:15px;margin-bottom:25px}.st-eyebrow{font-size:8px;letter-spacing:1.4px}.st-section-top .st-text-link{font-size:10px;padding-top:0;min-height:32px}.st-sound-grid{grid-template-columns:1fr}.st-live-image{min-height:310px}.st-release{padding:32px}.st-release h2{font-size:58px}.st-wave{position:absolute;bottom:40px;right:25px;width:85px;overflow:hidden;opacity:.25;pointer-events:none}.st-title{font-size:65px;margin-bottom:30px}.st-event{grid-template-columns:61px 1fr 22px;gap:13px;padding:23px 0}.st-event-date{font-size:11px;grid-row:span 2;align-self:center}.st-event-title{font-size:24px}.st-event-city{grid-column:2;font-size:11px;margin-top:-7px}.st-event-arrow{grid-column:3;grid-row:1 / span 2;align-self:center}.st-about{grid-template-columns:1fr;gap:38px}.st-about-photo{max-height:430px;width:88%}.st-about-copy{padding-left:8%}.st-about-copy h2{font-size:43px}.st-about-copy>p:not(.st-eyebrow){font-size:13px}.st-north{grid-template-columns:1fr;gap:32px}.st-north h2{font-size:73px}.st-north-mark{font-size:280px;right:-30px;top:45px}.st-booking{padding:35px 25px;border-radius:14px}.st-booking h2{font-size:70px;letter-spacing:-1px}.st-booking-bottom{align-items:start;flex-direction:column;gap:25px}.st-booking-bottom p{font-size:12px}.studio-home footer{padding:25px 6%}.studio-home .foot-links{gap:14px}.studio-home .foot-copy{font-size:10px}}
@media(prefers-reduced-motion:reduce){.studio *, .studio *::before,.studio *::after{transition:none!important;animation:none!important}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.st-release,.st-booking{background:#171819;border-color:#999}.st-round-link{background:#171819;backdrop-filter:none}}
@media(forced-colors:active){.st-button,.st-release,.st-booking,.st-round-link{background:Canvas;color:CanvasText;border:1px solid CanvasText;box-shadow:none}.st-portrait::after,.st-live-image::after,.st-about-photo::after{display:none}}

.studio-home:not(.page-north) .nav-links .nav-cta{background-image:none!important;background-color:#f2f2f2!important;color:#16120e!important}
@media(max-width:600px){.st-hero{min-height:840px}}

.st-about-photo{aspect-ratio:4/5}.st-about-photo picture{display:block;height:100%}.st-about-photo img{height:100%;width:100%;object-fit:cover;object-position:50% 55%}
.studio-home #back-top,.studio-home .wa-float{display:none!important}

.st-player{min-height:152px;margin-top:24px}.st-player iframe{display:block;width:100%;max-width:100%;background:#171717}
.st-player-load{width:100%;min-height:152px;display:flex;gap:18px;align-items:center;text-align:left;padding:22px;border:1px solid #ffffff30;border-radius:12px;background:linear-gradient(135deg,#ffffff0c,transparent),#151617;color:#f2f2f2;cursor:pointer;font-family:inherit}
.st-player-load strong{display:block;font-size:14px;font-weight:500}.st-player-load small{display:block;margin-top:5px;font-size:11px;color:#bbb7af}.st-play-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#f2f2f2;color:#181715;font-size:16px;flex-shrink:0}.st-player-external{display:inline-block;font-size:11px;color:#c4bfb6;padding:12px 0;text-decoration:underline;text-underline-offset:4px}
@media(hover:hover){.st-player-load:hover{border-color:#ff9a4d80;background-color:#202020}}
@media(max-width:600px){.st-release{padding:27px 22px}.st-player-load{padding:18px;gap:13px}}

.st-portrait img{filter:saturate(.95) brightness(.85);object-position:50% 45%}.st-portrait::after{background:linear-gradient(90deg,#101112,transparent 23%),linear-gradient(0deg,#0b0c0d,transparent 35%)}
@media(max-width:600px){.st-portrait img{object-position:50% 26%}.st-portrait::after{background:linear-gradient(0deg,#0b0c0d,transparent 75%),linear-gradient(90deg,#0b0c0d99,transparent)}}
.st-portrait img{object-position:50% 0%}

/* Fundido real de la foto: la máscara revela el mismo fondo del hero. */
.st-hero{background:radial-gradient(ellipse at 23% 26%,#202123 0%,#121314 48%,#0b0c0d 88%)}
.st-portrait{width:60%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.04) 5%,rgba(0,0,0,.2) 13%,rgba(0,0,0,.55) 24%,rgba(0,0,0,.86) 36%,#000 49%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.04) 5%,rgba(0,0,0,.2) 13%,rgba(0,0,0,.55) 24%,rgba(0,0,0,.86) 36%,#000 49%)}
.st-portrait::before{content:'';position:absolute;inset:-18px;z-index:0;background:url('photos/estudio-urbano.webp') center top/cover no-repeat;filter:blur(20px);opacity:.32;pointer-events:none}
.st-portrait picture{position:relative;z-index:1}
.st-portrait::after{z-index:2;background:linear-gradient(90deg,rgba(13,14,15,.4),transparent 53%),linear-gradient(0deg,#0b0c0d 0%,rgba(11,12,13,.45) 14%,transparent 42%);pointer-events:none}
.st-photo-caption{z-index:3}
@media(max-width:900px) and (min-width:601px){.st-portrait{width:63%}}
@media(max-width:600px){.st-portrait{width:100%;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 55%,rgba(0,0,0,.8) 72%,rgba(0,0,0,.3) 87%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 55%,rgba(0,0,0,.8) 72%,rgba(0,0,0,.3) 87%,transparent 100%)}.st-portrait::after{background:linear-gradient(90deg,rgba(11,12,13,.65),transparent 85%),linear-gradient(180deg,rgba(11,12,13,.3),transparent 30%)} }

/* Selección por dirección de mirada: retrato de estudio hacia el título. */
.st-portrait img{object-fit:contain;object-position:90% 100%;filter:none}
.st-portrait::before{display:none}
.st-portrait::after{background:linear-gradient(0deg,#0b0c0d 0%,transparent 23%)}
.st-portrait{-webkit-mask-image:linear-gradient(90deg,transparent,#000 26%);mask-image:linear-gradient(90deg,transparent,#000 26%)}
.st-about-photo img{object-fit:contain;object-position:center bottom;filter:none}.st-about-photo::after{background:linear-gradient(0deg,#0b0c0d,transparent 25%)}
@media(max-width:600px){.st-portrait img{object-fit:contain;object-position:95% bottom}.st-portrait{-webkit-mask-image:linear-gradient(180deg,#000 65%,transparent 100%);mask-image:linear-gradient(180deg,#000 65%,transparent 100%)}}

/* Proteger gorra y rostro bajo el menú fijo, con encuadre propio en móvil. */
.st-portrait picture{padding-top:100px}
@media(max-width:600px){.st-portrait{width:85%;right:-17%;height:600px}.st-portrait picture{padding-top:96px}.st-portrait img{object-position:100% bottom}}

.st-hero h1 i{display:none}

/* Selección vigente: fotografía de actuación 2026, sin recortes de cartelería. */
.st-portrait img{object-fit:cover;object-position:70% 45%;filter:brightness(.88) saturate(.85)}
.st-portrait::after{background:linear-gradient(0deg,#0b0c0d,transparent 32%)}
.st-about-photo img{object-fit:cover;object-position:50% 55%;filter:none}
@media(max-width:600px){.st-portrait img{object-fit:cover;object-position:70% 40%}}

/* Las fotos completas necesitan fundido lateral y vertical, sin el margen del PNG. */
.st-portrait picture{padding:0}
.st-portrait::after{background:linear-gradient(90deg,rgba(11,12,13,.55),transparent 60%),linear-gradient(0deg,#0b0c0d,transparent 35%)}
@media(max-width:600px){
 .st-portrait{width:100%;right:0;height:600px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.3),#000 24%,#000 66%,transparent 100%);mask-image:linear-gradient(180deg,rgba(0,0,0,.3),#000 24%,#000 66%,transparent 100%)}
 .st-portrait img{object-fit:cover;object-position:35% 40%}
 .st-portrait::after{background:linear-gradient(90deg,rgba(11,12,13,.9) 0%,rgba(11,12,13,.7) 34%,transparent 82%),linear-gradient(0deg,#0b0c0d,transparent 40%)}
}