.content-dialog[data-content="musica/luz-hecha-cancion"]{width:1040px;max-width:calc(100% - 28px)}
.production-page{--album-ink:#153f3c;--album-teal:#0f5d61;--album-gold:#edd28e;--album-muted:#506663;color:var(--album-ink)}
.production-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px;align-items:center;margin:30px 0 38px}
.production-art{margin:0;transform:rotate(-2deg)}
.production-art img{display:block;width:100%;height:auto;box-shadow:9px 14px 0 #cdbd8f55,0 16px 30px #173f3c24;border-radius:3px}
.production-art figcaption{font-size:10px;text-align:center;letter-spacing:.04em;margin-top:22px;color:var(--album-muted)}
#dialog-body .production-intro h2{font-size:clamp(42px,5.2vw,62px);margin-top:16px}
#dialog-body .production-intro h2 em{color:var(--album-teal)}
#dialog-body .production-intro p{font-size:13px;line-height:1.8;color:var(--album-muted)}
#dialog-body .production-intro .lead{font-size:15px;line-height:1.6;color:var(--album-ink)}
.production-edition{display:flex;flex-wrap:wrap;align-items:center;gap:9px;font-size:10px;font-weight:600;color:var(--album-teal);margin:20px 0 12px}
.production-edition>span{color:#927131}
.production-purchase{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}
.content-dialog[data-tone] .production-buy{background:#164d48;color:#fff7e8;justify-content:center;gap:12px;min-height:49px;margin:0;font-size:12px}
.production-buy svg{flex-shrink:0;width:20px;height:20px}
.production-spotify{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 16px;border:1px solid #d4d6cc;border-radius:3px;background:#e9ece5;color:#68716a;font-size:11px;min-height:49px;cursor:not-allowed}
.production-spotify>span{font-size:19px}
#dialog-body .production-intro .production-purchase-note{font-size:10px;line-height:1.8;margin-top:12px}
.production-purchase-note>span{display:block}
.production-section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px}
.production-page h3{font:500 35px/1.12 var(--serif);margin:10px 0 0;color:var(--album-ink)}
.production-demo-badge{font-size:8px;letter-spacing:.12em;font-weight:600;border:1px solid #b9c9c0;border-radius:20px;padding:9px 12px;white-space:nowrap}
#dialog-body .production-demo-note{color:var(--album-muted);font-size:12px;line-height:1.85;margin:16px 0 22px}
.production-player{background:radial-gradient(ellipse at 100% 0,#237d7766,transparent 60%),#153f3c;color:#fff5e4;border:1px solid #628d73;border-radius:12px;padding:28px 30px 17px;box-shadow:0 12px 28px #163f3b14}
.production-now{display:flex;align-items:center;gap:16px;min-width:0}
.production-player-disc{border:1px solid #edd28e70;border-radius:50%;width:56px;height:56px;display:grid;place-items:center;flex-shrink:0;color:var(--album-gold)}
.production-player-disc svg{width:34px;height:34px}
.production-now>div{flex:1;min-width:0;display:grid;gap:5px}
.production-now small{font-size:8px;color:var(--album-gold);letter-spacing:.16em}
.production-now strong{font:500 27px/1.15 var(--serif);overflow-wrap:anywhere}
.production-now>div>span{font-size:10px;line-height:1.6;color:#d0dfd6}
.production-equalizer{display:flex;gap:4px;align-items:center;height:26px;margin-left:5px}
.production-equalizer i{width:3px;height:9px;background:var(--album-gold);border-radius:3px;animation:album-level .75s ease-in-out infinite alternate;animation-play-state:paused}
.production-equalizer i:nth-child(2){height:23px;animation-delay:-.3s}.production-equalizer i:nth-child(3){height:16px;animation-delay:-.1s}.production-equalizer i:nth-child(4){height:12px;animation-delay:-.5s}
.production-player[data-playing="true"] .production-equalizer i{animation-play-state:running}
@keyframes album-level{to{height:5px}}
.production-controls{display:flex;align-items:center;justify-content:center;gap:24px;margin:22px 0 18px}
.production-controls button{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;color:#fff5e4;background:transparent;border:1px solid #ffffff38;border-radius:50%;transition:background .15s ease}
.production-controls button:hover{background:#ffffff1a}.production-controls svg{width:21px;height:21px}
.production-controls .production-play{height:58px;width:58px;background:var(--album-gold);border:0;color:#193b34;box-shadow:0 3px 13px #0002}
.production-controls .production-play:hover{background:#f7dfaa}
.production-progress{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;gap:10px;align-items:center;font-size:10px;font-variant-numeric:tabular-nums;color:#eee3c6}
.production-progress input{width:100%;min-width:0;accent-color:var(--album-gold);cursor:pointer;height:28px}
#dialog-body .production-player-status{font-size:10px;line-height:1.6;color:#d0dfd6;text-align:center;min-height:16px;margin:12px 0 0}
.production-tracklist{list-style:none;padding:0;margin:20px 0 0}
.production-tracklist li+li{border-top:1px solid #d6ded2}
.production-track{display:flex;align-items:center;gap:15px;width:100%;padding:17px 14px;min-height:82px;border-radius:5px;text-align:left;color:var(--album-ink);transition:background .15s ease}
.production-track:hover{background:#e4ece0}.production-track[data-active="true"]{background:#e1eade}
.production-track-number{font-size:11px;font-weight:600;color:#7d6a3c;min-width:22px}
.production-track-copy{display:grid;gap:4px;min-width:0;flex:1}
.production-track-copy strong{font-size:14px;line-height:1.4;font-weight:600}
.production-track-copy small{font-size:10px;line-height:1.55;color:var(--album-muted)}
.production-track-duration{font-size:10px;font-variant-numeric:tabular-nums;color:var(--album-muted)}
.production-track-icon{height:34px;width:34px;flex-shrink:0;display:grid;place-items:center;border:1px solid #9db4a2;border-radius:50%;color:var(--album-teal)}
.production-track-icon svg{width:15px;height:15px}
.production-track[aria-pressed="true"] .production-track-icon{background:var(--album-teal);border-color:var(--album-teal);color:#fff5e4}
.production-dedication{position:relative;margin:44px 0 38px;border:1px solid #d1be88;border-radius:5px;padding:30px;background:linear-gradient(135deg,#f3e9ce,#f9f5e9)}
.production-dedication-star{position:absolute;right:25px;top:20px;font-size:34px;color:#ad8c44}
.production-dedication .eyebrow{padding-right:40px;font-size:8px;letter-spacing:.14em}
#dialog-body .production-dedication p{font-size:13px;line-height:1.9;color:#4e5f4d}
.production-credits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px;margin:22px 0}
.production-credits>div{border-top:1px solid #d3dccf;padding:15px 0 17px}
.production-credits dt{font-size:10px;font-weight:600;color:#61765e;line-height:1.6}
.production-credits dd{margin:5px 0 0;font-size:13px;line-height:1.7;color:var(--album-ink);overflow-wrap:anywhere}
.production-team h4{font:500 28px/1.2 var(--serif);margin:28px 0 6px}
#dialog-body .production-team>p{font-size:12px;color:var(--album-muted)}
.production-back-art{border:1px solid #bdcbbd;border-radius:5px;margin:30px 0 0;overflow:hidden}
.production-back-art summary{cursor:pointer;padding:17px 20px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px;min-height:48px;list-style:none}
.production-back-art summary::-webkit-details-marker{display:none}
.production-back-art summary>span{font-size:24px;line-height:1}.production-back-art[open] summary>span{transform:rotate(45deg)}
.production-back-art img{display:block;width:100%;height:auto}
.production-rights{border-top:1px solid #c4cebd;margin:30px 0 0;padding:16px 0 0}
#dialog-body .production-rights p{font-size:10px;line-height:1.85;color:#5c6c59;margin:9px 0;overflow-wrap:anywhere}
.production-rights a{text-decoration:underline;text-underline-offset:3px}
.production-back{display:inline-flex;align-items:center;gap:10px;min-height:44px}.production-back svg{height:17px;width:17px}
.production-page :is(button,a,input,summary):focus-visible,.music-presentation:focus-visible,.music-production-preview:focus-visible{outline:3px solid #b78d32;outline-offset:4px}
.content-dialog[data-content="musica"] .music-presentation{display:flex;justify-content:center;width:100%;min-height:52px;font-size:13px;font-weight:600;background:#164d48;color:#fff7e8;margin:22px 0 28px;box-shadow:0 5px 14px #163f3c18}
.music-production-preview{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:26px;margin:28px 0;padding:20px;background:#e5ecdf;border:1px solid #c1d0be;border-radius:6px}
.music-production-preview>img{display:block;width:100%;height:auto;box-shadow:3px 6px 12px #163f3c20}
.music-production-preview h3{font:500 32px/1.1 var(--serif);margin:8px 0;color:#164d48}
.music-production-preview small{font-size:8px;font-weight:600;letter-spacing:.12em;color:#61765e}
#dialog-body .music-production-preview p{font-size:12px;line-height:1.8;margin:10px 0;color:#50634e}
.music-production-preview>div>span:last-child{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:600;border-bottom:1px solid #94a68b;padding-bottom:5px;color:#164d48}
.music-production-preview svg{height:16px;width:16px}
@media(max-width:700px){.production-hero{grid-template-columns:1fr;gap:32px;margin-top:26px}.production-art{width:min(100%,380px);margin:0 auto}.production-intro{text-align:center}.production-intro .eyebrow{justify-content:center}.production-edition,.production-purchase{justify-content:center}.production-purchase-note{text-align:center}.production-section-heading{align-items:start;flex-direction:column;gap:14px}.production-page h3{font-size:31px}.production-credits{gap:0 20px}.music-production-preview{grid-template-columns:135px minmax(0,1fr);gap:18px;padding:17px}.music-production-preview h3{font-size:28px}}
@media(max-width:480px){.content-dialog[data-content="musica/luz-hecha-cancion"]{max-width:calc(100% - 16px)}.content-dialog[data-content="musica/luz-hecha-cancion"] #dialog-body{padding:48px 20px 26px}.production-hero{gap:30px;margin-bottom:32px}.production-art{width:calc(100% - 10px)}#dialog-body .production-intro h2{font-size:48px}.production-purchase{display:grid;grid-template-columns:1fr}.production-player{padding:22px 16px 15px}.production-player-disc{width:42px;height:42px}.production-player-disc svg{width:27px;height:27px}.production-now{gap:11px}.production-now strong{font-size:24px}.production-equalizer{gap:3px}.production-track{padding:15px 3px;gap:9px}.production-track-copy strong{font-size:13px}.production-track-copy small{font-size:10px}.production-track-duration{display:none}.production-track-number{min-width:19px;font-size:10px}.production-track-icon{width:29px;height:29px}.production-dedication{padding:26px 21px}.production-dedication .eyebrow{line-height:1.7}.production-credits{grid-template-columns:1fr}.production-credits dd{font-size:13px}.music-production-preview{grid-template-columns:1fr;text-align:center;gap:23px;padding:22px}.music-production-preview>img{width:min(100%,290px);margin:auto}.music-production-preview h3{font-size:32px}.content-dialog[data-content="musica"] .music-presentation{font-size:12px;gap:12px;padding-inline:15px}}
@media(prefers-reduced-motion:reduce){.production-equalizer i{animation:none}.production-controls button,.production-track{transition:none}.production-art{transform:none}}