/* Accesos principales en la zona antes ocupada por la búsqueda. */
#gallery .toolbar{display:none!important}
#gallery #grid[hidden]{display:none!important}
.hero-gallery-preview:has(>.mobile-album-panels){display:none}
#gallery .album-entrances{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,.85fr) minmax(0,1fr)!important;gap:clamp(16px,4vw,52px);align-items:center;width:100%;margin:20px auto 42px;max-width:1150px}
#gallery .album-entrances .mobile-album-panel{position:relative;display:block;width:100%;height:auto;aspect-ratio:9/14;padding:0;border-radius:14px;overflow:hidden;border:1px solid #ffffff30;background:#142331;box-shadow:0 15px 35px #0005}
#gallery .album-entrances .mobile-album-panel>img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}
#gallery .album-entrances .mobile-album-panel>span:not(.entrance-disc){position:absolute;bottom:0;left:0;right:0;padding:16px 8px;background:linear-gradient(transparent,#06101bdf);color:#edf7fa;text-align:center;font:500 clamp(12px,1.5vw,18px)/1.3 system-ui}
#gallery .album-entrances .entrance-music{aspect-ratio:1;border-radius:50%;overflow:visible;background:none;border:0;box-shadow:none}
.entrance-disc{position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(circle,#111c25 0 2px,#263540 3px 4px);border:2px solid #8da6b566;box-shadow:0 18px 30px #0007,inset 0 0 24px #7bcfe522}
.entrance-disc:before{content:'';position:absolute;inset:35%;border-radius:50%;background:radial-gradient(circle,#101b24 0 14%,#a2c7ca 16% 24%,var(--accent) 26% 100%);box-shadow:0 0 0 8px #ffffff08}
#gallery .album-entrances .entrance-music>.entrance-label{bottom:-38px;background:none;padding:0}
.entrance-back{margin:0 0 20px}
.mobile-back{display:none!important}
@media(max-width:600px){#gallery .album-entrances{gap:12px;margin-bottom:50px}#gallery .album-entrances .mobile-album-panel{border-radius:7px}#gallery .album-entrances .entrance-music{border-radius:50%}#gallery .album-entrances .mobile-album-panel>span:not(.entrance-disc){padding:10px 2px;font-size:11px}#gallery .album-entrances .entrance-music>.entrance-label{bottom:-28px;padding:0}}
#gallery .album-entrances .entrance-music{height:auto!important;min-height:0!important;min-width:0;aspect-ratio:1!important}
#gallery .album-entrances .entrance-music>.entrance-disc{inset:0!important;width:100%;height:100%;margin:0;padding:0!important;transform:none!important;box-sizing:border-box;background:repeating-radial-gradient(circle,#111c25 0 2px,#263540 3px 4px)!important}
.hero-gallery-preview{display:block!important}
.hero-gallery-heading{display:block!important;min-width:0;width:100%;padding:0!important}
.hero-gallery-heading .now-playing{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;max-width:480px;margin:0 auto;box-sizing:border-box;flex:none}
.hero-gallery-heading .now-playing .mini-player-picker{display:block;width:100%;margin-top:10px}
.hero-gallery-heading .now-playing .mini-player-picker select{width:100%}
.now-playing .player-palette{display:flex!important;align-items:center;gap:8px!important;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;min-width:0;flex-wrap:nowrap}
.now-playing .player-palette>span{display:none!important}
.now-playing .player-palette button{display:block!important;position:relative!important;width:18px!important;height:18px!important;min-width:18px;padding:0!important;margin:0!important;border-radius:50%!important;background:var(--swatch)!important;border:2px solid #ffffff70!important;box-shadow:0 0 0 2px #ffffff08}
.now-playing .player-palette button:focus-visible{outline:2px solid white;outline-offset:3px}
.now-playing .mini-player-top{display:flex!important;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
/* Frase principal: trazo fino y una lectura más limpia. */
.studio-hero h1{font-family:'Segoe UI Variable Display','Segoe UI Light','Segoe UI',system-ui,sans-serif!important;font-weight:300!important;letter-spacing:-.035em!important;line-height:1.18!important;filter:none!important;text-shadow:none!important}
.studio-hero h1 .hero-title-line{font-weight:300!important}
.studio-hero h1 em{font-style:normal!important;font-weight:300!important}
.studio-hero h1{font-size:clamp(39px,4.35vw,62px)!important}
@media(max-width:600px){.studio-hero h1{font-size:clamp(28px,5.8vw,36px)!important}}
/* Subtítulo centrado con un reflejo lento sobre las letras. */
.studio-hero .hero-intro{position:relative;width:max-content!important;max-width:100%!important;white-space:nowrap!important;text-align:center!important;margin:24px auto 0!important;font-size:clamp(9px,.95vw,14px)!important;line-height:1.8!important;color:#b8cbd4;background:linear-gradient(105deg,#9eafb9 0%,#b8cad3 36%,#eefcff 48%,#9be5ed 52%,#b8cad3 64%,#9eafb9 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:intro-reflection 11s linear infinite}
@keyframes intro-reflection{from{background-position:200% 50%}to{background-position:-50% 50%}}
@media(max-width:1000px){.studio-hero .hero-intro{font-size:clamp(8px,1.2vw,12px)!important}}
@media(prefers-reduced-motion:reduce){.studio-hero .hero-intro{animation:none}}
.studio-hero>.hero-intro{grid-column:1/-1;justify-self:center;font-size:clamp(6px,1.42vw,14px)!important;width:max-content!important;max-width:100%!important;margin:12px auto 0!important}
/* Cada frase conserva dos líneas y reduce su tamaño sólo cuando lo necesita. */
.studio-hero .hero-copy{min-width:0}
.studio-hero h1{width:100%;max-width:100%;min-width:0}
.studio-hero h1>.hero-title-line{display:block;white-space:nowrap;width:100%;max-width:100%}
.studio-hero .hero-copy>.hero-intro{grid-column:auto;justify-self:auto;display:block;width:100%!important;max-width:100%!important;margin:10px 0 0!important;padding:0;border:0;text-align:center;line-height:1.5!important;font-size:clamp(6px,.82vw,12px)!important}
@media(max-width:1000px){.studio-hero .hero-copy>.hero-intro{font-size:clamp(6px,1.36vw,11px)!important}}
/* Subtítulo legible, centrado en el espacio disponible. */
.studio-hero .hero-copy>.hero-intro{font-size:clamp(13px,1.15vw,17px)!important;white-space:normal!important;text-align:center!important;line-height:1.5!important;margin:12px auto 0!important;width:100%!important;max-width:none!important}
/* Dos contenedores superiores y una fila completa para el subtítulo. */
.hero.studio-hero{display:grid!important;grid-template-columns:minmax(0,1.17fr) minmax(0,1fr)!important;column-gap:44px!important;row-gap:24px!important;align-items:stretch!important;padding-bottom:24px!important}
.studio-hero>.hero-copy{grid-column:1;grid-row:1;min-width:0;align-self:center}
.studio-hero>.hero-gallery-preview{grid-column:2;grid-row:1;display:grid!important;place-items:center;min-width:0;width:100%;height:100%}
.studio-hero .hero-gallery-heading{display:grid!important;place-items:center;width:100%;height:100%;margin:0!important;padding:0!important}
.studio-hero .hero-gallery-heading .now-playing{width:100%!important;max-width:480px;margin:0!important}
.studio-hero>.hero-intro{grid-column:1/-1!important;grid-row:2;justify-self:stretch;width:100%!important;max-width:none!important;margin:0!important;padding:4px 0!important;white-space:nowrap!important;text-align:center!important;font-size:clamp(14px,1.42vw,21px)!important;line-height:1.5!important}
@media(max-width:700px){.hero.studio-hero{grid-template-columns:minmax(0,1fr)!important;gap:22px!important}.studio-hero>.hero-gallery-preview{grid-column:1;grid-row:2}.studio-hero>.hero-intro{grid-column:1!important;grid-row:3;font-size:clamp(6px,1.48vw,11px)!important}}
/* Subtítulo sin márgenes adicionales ni separación sobrante. */
.hero.studio-hero{row-gap:4px!important;padding-bottom:0!important;margin-bottom:8px!important}
.studio-hero>.hero-intro{margin:0!important;padding:0!important;line-height:1.25!important}
@media(max-width:700px){.hero.studio-hero{row-gap:8px!important}}
/* Más espacio para las frases y reproductor en una columna compacta. */
.hero.studio-hero{grid-template-columns:minmax(0,1fr) minmax(260px,320px)!important;column-gap:32px!important}
.studio-hero .hero-gallery-heading .now-playing{max-width:320px!important}
@media(max-width:700px){.hero.studio-hero{grid-template-columns:minmax(0,1fr)!important}.studio-hero .hero-gallery-heading .now-playing{max-width:320px!important}}
/* Combinación elegida: reflejo y halo en tonos pastel cálidos, luz coral inferior. */
.studio-hero>.hero-intro{position:relative;overflow:visible;background-image:linear-gradient(105deg,#e9bdac 18%,#f5cdb9 35%,#fff6dc 48%,#ffe3bd 53%,#efbdc5 67%,#e9bdac 85%)!important;background-size:250% 100%!important;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:intro-reflection 11s linear infinite,intro-warm-halo 8s ease-in-out infinite!important}
.studio-hero>.hero-intro:after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:2px;pointer-events:none;background:linear-gradient(90deg,transparent,#ffaaa0 30%,#ff777f 50%,#ffb6a5 70%,transparent);background-size:42% 100%;background-repeat:no-repeat;animation:intro-coral-light 9s ease-in-out infinite alternate}
@keyframes intro-warm-halo{0%,100%{text-shadow:0 0 0 transparent}50%{text-shadow:0 0 12px #ffd6b36b,0 0 22px #f5b4be24}}
@keyframes intro-coral-light{from{background-position:0% 0}to{background-position:100% 0}}
@media(prefers-reduced-motion:reduce){.studio-hero>.hero-intro,.studio-hero>.hero-intro:after{animation:none!important}}
/* Onda luminosa: colores vivos, sin alterar el área pulsable del selector. */
#gallery .album-entrances .selector-wave>span{display:inline-block;position:static!important;padding:0!important;background:none!important;color:#ffcc75;-webkit-text-fill-color:currentColor;animation:selector-letter-wave 4.5s ease-in-out infinite;animation-delay:calc(var(--letter) * -.14s);text-shadow:0 0 9px #ffb66b55}
#gallery .album-entrances .selector-wave>span:nth-child(3n+2){color:#ff9cba;text-shadow:0 0 9px #ff8ab755}
#gallery .album-entrances .selector-wave>span:nth-child(3n){color:#92eff0;text-shadow:0 0 9px #77e8ec55}
@keyframes selector-letter-wave{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-4px)}}
@media(prefers-reduced-motion:reduce){#gallery .album-entrances .selector-wave>span{animation:none}}
/* Selectores: un solo color cálido y tipografía de mayor presencia. */
#gallery .album-entrances .mobile-album-panel>.selector-wave{font-family:'Segoe UI Variable Display','Segoe UI',system-ui,sans-serif!important;font-size:clamp(17px,1.8vw,24px)!important;font-weight:600!important;letter-spacing:.025em;line-height:1.35}
#gallery .album-entrances .selector-wave>span,#gallery .album-entrances .selector-wave>span:nth-child(3n+2),#gallery .album-entrances .selector-wave>span:nth-child(3n){color:#ffe0aa!important;text-shadow:0 0 10px #ffd09a55!important}
@media(max-width:600px){#gallery .album-entrances .mobile-album-panel>.selector-wave{font-size:clamp(13px,3.4vw,18px)!important}}
/* Columna de audio con espacio suficiente, alineada al margen derecho del contenido. */
.hero.studio-hero{grid-template-columns:minmax(0,1fr) minmax(340px,400px)!important;column-gap:28px!important;width:100%;max-width:none}
.studio-hero>.hero-gallery-preview{justify-self:stretch;justify-items:stretch;padding:0!important;margin:0!important}
.studio-hero .hero-gallery-heading{justify-items:stretch!important;max-width:none!important}
.studio-hero .hero-gallery-heading .now-playing{width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box}
@media(max-width:850px){.hero.studio-hero{grid-template-columns:minmax(0,1fr) minmax(280px,340px)!important;column-gap:20px!important}}
@media(max-width:700px){.hero.studio-hero{grid-template-columns:minmax(0,1fr)!important}.studio-hero .hero-gallery-heading .now-playing{max-width:400px!important;margin:auto!important}}
/* Eliminar la columna vacía heredada de la antigua portada. */
.studio-hero>.hero-gallery-preview{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto!important;gap:0!important}
.studio-hero .hero-gallery-heading{grid-column:1/-1!important;grid-row:1!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important}
/* El rótulo Música gira alrededor del centro del disco. */
#gallery .album-entrances .entrance-music>.entrance-label{inset:0!important;width:100%;height:100%;padding:0!important;margin:0!important;display:flex;justify-content:center;align-items:flex-start;background:none!important;transform-origin:center;animation:music-label-orbit 24s linear infinite}
#gallery .album-entrances .entrance-music>.entrance-label>span{position:relative!important;top:12%;animation:none!important;transform:none!important}
@keyframes music-label-orbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#gallery .album-entrances .entrance-music>.entrance-label{animation:none}}
#gallery .album-entrances .mobile-album-panel>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.entrance-back,.mobile-back{display:none!important}
/* Fotos y vídeos delimitan una columna central de igual altura: título y CD. */
#gallery .album-entrances{align-items:stretch;row-gap:0}
#gallery .album-entrances>.mobile-album-panel{grid-row:1}
#gallery .album-entrances>.mobile-album-panel:first-child{grid-column:1}
#gallery .album-entrances>.mobile-album-panel:last-child{grid-column:3}
#gallery .album-entrances>.entrance-center{grid-column:2;grid-row:1;min-width:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:20px}
.entrance-title-box{display:flex;align-items:center;justify-content:center;min-width:0}
#gallery .entrance-title-box>.hero-album-heading{display:block!important;margin:0;text-align:center;font:300 clamp(22px,2.4vw,32px)/1.2 'Segoe UI Light','Segoe UI',sans-serif;color:var(--accent)}
.entrance-music-box{min-width:0;width:100%;align-self:end}