:root{--player-space:132px}
body{padding-bottom:var(--player-space)}
.hero-proof{display:flex;gap:11px;flex-wrap:wrap;margin-top:29px;color:#a8b39e;font-size:10px;letter-spacing:.04em}
.hero-proof span{border:1px solid #353d2d;border-radius:30px;padding:8px 11px;background:#151a12}
.artist-section{padding-top:76px;padding-bottom:76px}
.artist-grid{display:grid;grid-template-columns:1fr 1fr .86fr;gap:20px}
.artist-card{border:1px solid var(--line);border-radius:7px;background:#101311;overflow:hidden;display:flex;flex-direction:column}
.artist-visual{height:210px;position:relative;overflow:hidden;padding:27px;display:flex;align-items:flex-end;isolation:isolate;background:radial-gradient(ellipse at 75% 20%,#91bb3260,transparent 65%),#151e10}
.artist-visual:before,.artist-visual:after{content:"";position:absolute;inset:23px -45px;border:1px solid #d2ff6b50;border-radius:50%;transform:rotate(-24deg);z-index:-1}
.artist-visual:after{inset:43px -45px;transform:rotate(-38deg)}
.artist-visual.purple{background:radial-gradient(ellipse at 75% 20%,#8066df60,transparent 65%),#16121f}
.artist-visual.purple:before,.artist-visual.purple:after{border-color:#b4a2ff66}
.artist-wordmark{font-size:clamp(30px,4vw,54px);font-weight:800;letter-spacing:-.07em;line-height:1;color:var(--acid)}
.purple .artist-wordmark{color:var(--purple)}
.artist-visual .eyebrow{position:absolute;top:25px;left:27px;color:#ccd7c1;font-size:8px}
.artist-body{padding:25px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.artist-body h3{font-size:22px;letter-spacing:-.04em;font-weight:500;margin:0 0 10px}
.artist-body p{font-size:12px;color:var(--muted);line-height:1.8;margin:0 0 24px}
.artist-body .button{margin-top:auto;font-size:11px;padding:12px 15px;gap:22px}
.artist-invite{padding:30px;background:#151713;justify-content:center}
.artist-invite .invite-mark{color:var(--acid);font-size:44px;line-height:1;margin-bottom:25px}
.artist-invite h3{font-size:29px;font-weight:500;letter-spacing:-.04em;line-height:1.18;margin:0 0 17px}
.artist-invite p{color:var(--muted);font-size:12px;line-height:1.8;margin:0 0 25px}
.artist-invite .button{align-self:flex-start;padding:12px 15px;font-size:11px}
.artist-profile-badge{display:inline-block;font-size:12px;letter-spacing:.08em;padding:13px 17px;border:1px solid #515f3d;color:var(--acid);margin:20px 0 2px}
.artist-profile-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}
.artist-profile-actions .button{font-size:11px;padding:14px 17px;gap:18px}
#escucha .section-intro{max-width:340px}
.music-tools{align-items:end;gap:20px;margin-bottom:22px}
.music-search{width:min(100%,420px)}
.music-search input{border-radius:5px;min-height:48px;font-size:15px}
.music-sort{color:var(--muted);font-size:11px;display:block;margin-left:auto}
.music-sort select{display:block;margin-top:10px;background:var(--panel);color:var(--fg);border:1px solid var(--line);padding:13px 32px 13px 13px;min-height:46px;border-radius:5px;font-size:12px;max-width:100%}
.music-sort select:focus-visible{outline:2px solid var(--acid);outline-offset:3px}
.catalog-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:23px}
.catalog-filter{border:1px solid var(--line);border-radius:30px;background:transparent;color:var(--muted);padding:11px 16px;min-height:42px;font-size:11px}
.catalog-filter[aria-pressed=true]{background:var(--acid);color:#11150b;border-color:var(--acid)}
.catalog-filter:hover{border-color:#a5b38f}
.music-count{display:block;margin:0 0 26px;min-height:18px}
#music-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.song-card{border:1px solid #2d332c;border-radius:7px;overflow:hidden;background:#111511;min-width:0;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}
.song-card:hover{border-color:#64724f;transform:translateY(-3px)}
.song-card.is-current{border-color:#a8d056}
.song-art{position:relative;aspect-ratio:1.15;overflow:hidden;background:#1b2118}
.song-art>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.song-card:hover .song-art>img{transform:scale(1.035)}
.song-art:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#05080590);pointer-events:none}
.song-number{position:absolute;top:12px;left:12px;background:#080b08b8;color:#e2e8dc;padding:6px 8px;font:10px monospace;border-radius:3px}
.song-play{position:absolute;bottom:14px;right:14px;border:0;border-radius:50%;width:49px;height:49px;background:var(--acid);color:#11160b;display:grid;place-items:center;z-index:1;box-shadow:0 4px 25px #0004}
.song-play svg{width:20px;height:20px}
.song-details{padding:19px 19px 15px;display:flex;flex-direction:column;flex:1;gap:0}
.song-meta{display:flex;justify-content:space-between;gap:12px;color:#a8b197;font-size:9px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:11px}
.song-details h3{font-size:19px;line-height:1.4;letter-spacing:-.025em;font-weight:500;margin:0 0 8px;overflow-wrap:anywhere}
.song-artist{font-size:11px;color:var(--muted);margin:0 0 15px}
.song-actions{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #2b3227;padding-top:10px;margin-top:auto;color:#aab49e}
.song-actions button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;min-width:40px;padding:5px 7px;border:0;background:none;font-size:10px;border-radius:4px}
.song-actions button:hover{color:var(--acid);background:#d2ff6b0a}
.song-actions svg{width:17px;height:17px}
.song-actions .saved{color:var(--acid)}
.song-actions .saved svg{fill:currentColor}
.community{background:#111710;border-block:1px solid #313a2c}
.community-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:75px;align-items:start}
.community-copy h2{font-size:clamp(35px,4vw,54px)}
.community-copy>p{font-size:14px;line-height:1.9;color:var(--muted);margin:25px 0 0;max-width:360px}
.join-steps{margin:30px 0 0;padding:0;list-style:none;counter-reset:join}
.join-steps li{counter-increment:join;display:flex;gap:14px;margin:17px 0;color:#b0b9a7;font-size:12px;line-height:1.7}
.join-steps li:before{content:"0" counter(join);color:var(--acid);font:11px monospace;padding-top:3px}
.join-form{border:1px solid #3a4433;border-radius:7px;padding:30px;background:#0b100b}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.form-field{display:flex;flex-direction:column;gap:9px;font-size:11px;color:#b3beaa;min-width:0}
.form-field.wide{grid-column:1/-1}
.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid #3b4633;border-radius:4px;padding:13px 14px;min-height:46px;background:#111810;color:var(--fg);font-size:14px;line-height:1.5;min-width:0}
.form-field textarea{resize:vertical;min-height:115px}
.form-field input:focus-visible,.form-field select:focus-visible,.form-field textarea:focus-visible{outline:2px solid var(--acid);outline-offset:3px}
.join-note{font-size:11px;line-height:1.8;color:#96a18e;margin:21px 0}
.join-actions{display:flex;gap:10px;flex-wrap:wrap}
.join-actions .button{font-size:11px;padding:14px 16px;gap:12px}
.join-preview{margin-top:24px;padding-top:20px;border-top:1px solid #36402d}
.join-preview textarea{width:100%;background:#10160e;color:#cdd7c3;border:1px solid #3b4633;border-radius:4px;min-height:180px;padding:13px;font-size:12px;line-height:1.7}
.join-preview button{margin-top:12px;font-size:11px}
.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}
.faq-layout h2{font-size:40px}
.faq-list details{border-bottom:1px solid var(--line);padding:21px 0}
.faq-list details:first-child{padding-top:0}
.faq-list summary{cursor:pointer;font-size:15px;line-height:1.6;padding-right:20px}
.faq-list p{color:var(--muted);font-size:13px;line-height:1.9;max-width:670px;margin:16px 0 2px}
.contact .contact-actions{gap:16px;max-width:100%}
.contact .contact-actions a{overflow-wrap:anywhere;max-width:100%}
.contact-address{font-size:14px!important;color:var(--fg)!important;border-bottom:1px solid #4e5c40;padding-bottom:7px}
.contact-caption{font-size:11px;color:var(--muted);margin-top:3px}
.social-contact-row{display:flex;flex-wrap:wrap;gap:22px;margin-top:7px}
.social-contact-row a,.social-contact-row button{font-size:11px!important}
.whatsapp-float{position:fixed;right:22px;bottom:calc(var(--player-space) + 18px);display:flex;align-items:center;gap:9px;padding:15px 18px;border-radius:40px;background:#25d366;color:#052b12;font-size:12px;font-weight:700;z-index:45;box-shadow:0 8px 28px #0005;min-height:52px}
.whatsapp-float svg{height:22px;width:22px}
.whatsapp-float:hover{background:#59e68d}
.music-player{position:fixed;bottom:0;left:0;right:0;border-top:1px solid #4b5c38;background:#0d130df7;backdrop-filter:blur(24px);z-index:60;padding:15px 0 calc(15px + env(safe-area-inset-bottom));box-shadow:0 -12px 50px #0003}
.player-inner{display:grid;grid-template-columns:minmax(190px,1fr) minmax(280px,1.2fr) minmax(130px,.6fr);gap:30px;align-items:center}
.player-info{display:flex;align-items:center;gap:13px;text-align:left;border:0;background:none;padding:0;min-width:0;color:var(--fg)}
.player-info>img{width:52px;height:52px;object-fit:cover;border-radius:4px;flex-shrink:0;background:#25311d}
.player-text{min-width:0}
.player-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:500;line-height:1.7}
.player-subtitle{display:block;color:#93a286;font-size:10px;line-height:1.8;margin-top:2px}
.player-center{display:flex;align-items:center;flex-direction:column;gap:9px}
.player-controls{display:flex;align-items:center;justify-content:center;gap:14px}
.player-controls button,.player-extra button{display:grid;place-items:center;border:0;background:none;padding:0;color:#b7c3ab;width:38px;height:38px;border-radius:50%}
.player-controls button:hover,.player-extra button:hover{background:#d2ff6b10;color:var(--acid)}
.player-controls svg,.player-extra svg{width:19px;height:19px}
.player-controls .player-play{width:43px;height:43px;background:var(--acid);color:#13190d}
.player-controls .player-play:hover{background:#e1ffa0;color:#13190d}
.seek-row{display:flex;align-items:center;gap:10px;width:100%;font:10px monospace;color:#9eac92}
.seek-row time{min-width:31px}
.seek-row time:last-child{text-align:right}
.seek-row input{flex:1;min-width:0;width:100%;margin:0;accent-color:var(--acid);height:18px;cursor:pointer}
.seek-row input:disabled{cursor:default;opacity:.5}
.player-extra{display:flex;gap:4px;align-items:center;justify-content:flex-end}
.player-extra input{accent-color:var(--acid);width:74px;cursor:pointer}
.player-extra .is-saved{color:var(--acid)}
.player-extra .is-saved svg{fill:currentColor}
.player-status{font-size:11px;color:#ffd1aa;padding:0 0 12px;margin:0;line-height:1.6}
.player-error .music-player{border-color:#a3633a}
.queue-list{list-style:none;padding:0;margin:22px 0 0;max-height:53vh;overflow:auto}
.queue-list li{border-top:1px solid #333c2d}
.queue-item{width:100%;display:flex;gap:13px;align-items:center;text-align:left;padding:12px 5px;background:none;border:0;color:var(--fg)}
.queue-item:hover,.queue-item.is-current{color:var(--acid);background:#d2ff6b08}
.queue-item img{width:45px;height:45px;object-fit:cover;border-radius:3px;flex-shrink:0}
.queue-item span{font-size:12px;line-height:1.6;flex:1}
.queue-item small{font:10px monospace;color:#a1ae94}
.share-input{width:100%;padding:14px;background:#0b1009;color:var(--fg);border:1px solid #505e43;border-radius:4px;font-size:13px}
.share-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.share-actions .button{font-size:12px;padding:13px 18px;gap:12px}
.toast{position:fixed;left:50%;bottom:calc(var(--player-space) + 83px);transform:translateX(-50%);max-width:min(90%,550px);width:max-content;background:#dfedcf;color:#17200f;border:1px solid #b4cc98;border-radius:5px;padding:13px 18px;font-size:12px;line-height:1.6;text-align:center;z-index:90;box-shadow:0 7px 30px #0005}
@media(max-width:1100px){.artist-grid{grid-template-columns:1fr 1fr}.artist-invite{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center}.artist-invite .invite-mark{margin:0}.artist-invite h3{font-size:24px;margin:0 0 7px}.artist-invite p{margin:0;max-width:450px}.artist-invite .button{align-self:center}.community-layout{gap:40px}.player-inner{gap:20px;grid-template-columns:minmax(160px,1fr) minmax(250px,1.2fr) auto}.player-extra input{width:55px}#music-list{gap:17px}.song-details{padding:16px}}
@media(max-width:1000px){.menu-toggle{display:block}header nav{display:none;position:absolute;top:90px;left:0;right:0;padding:20px 32px;background:#101610;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}header nav[data-open=true]{display:flex}header nav a{padding:13px 0}header nav .nav-contact{margin-top:8px;padding:13px;text-align:center}.player-extra{display:none}.player-inner{grid-template-columns:minmax(180px,1fr) minmax(270px,1.2fr)}}
@media(max-width:760px){:root{--player-space:130px}header nav{top:75px;padding:18px 20px}.artist-section{padding-block:58px}.artist-visual{height:165px;padding:20px}.artist-wordmark{font-size:35px}.artist-visual .eyebrow{top:20px;left:20px}.artist-body{padding:21px}.artist-body h3{font-size:20px}.artist-body p{font-size:11px}.artist-invite{padding:24px;grid-template-columns:1fr;gap:12px}.artist-invite .invite-mark{display:none}.artist-invite h3{font-size:25px}.artist-invite .button{margin-top:5px}.community-layout,.faq-layout{grid-template-columns:1fr;gap:30px}.community-copy>p{max-width:100%;font-size:13px}.join-steps{margin-top:20px}.join-form{padding:23px}.form-grid{gap:18px}.faq-layout h2{font-size:35px}.music-tools{display:block}.music-search{width:100%}.music-sort{margin-top:17px;max-width:240px}.catalog-filters{gap:6px}.catalog-filter{font-size:10px;padding:10px 12px}.music-count{font-size:11px}#music-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.song-play{width:43px;height:43px;right:10px;bottom:10px}.song-details{padding:14px 12px 10px}.song-details h3{font-size:16px}.song-meta{font-size:8px;gap:6px}.song-artist{font-size:10px}.song-actions button{font-size:9px;padding:4px 2px}.song-actions svg{width:15px;height:15px}.song-actions button span{display:none}.song-number{font-size:8px;padding:5px 6px;top:9px;left:9px}.music-player{padding:11px 0 calc(10px + env(safe-area-inset-bottom))}.player-inner{grid-template-columns:minmax(0,1fr) auto;gap:8px 16px}.player-center{display:contents}.player-info{grid-column:1;grid-row:1;gap:10px}.player-info>img{width:43px;height:43px}.player-controls{grid-column:2;grid-row:1;gap:4px}.player-controls button{width:40px;height:40px}.player-controls .player-play{width:43px;height:43px}.player-title{font-size:12px}.player-subtitle{font-size:9px}.seek-row{grid-column:1/-1;grid-row:2;font-size:9px;gap:8px}.whatsapp-float{right:15px;bottom:calc(var(--player-space) + 14px);padding:14px}.whatsapp-float span{display:none}.whatsapp-float svg{width:23px;height:23px}.artist-profile-actions{gap:10px}.contact-address{font-size:13px!important}}
@media(max-width:480px){.artist-grid{grid-template-columns:1fr}.artist-visual{height:185px}.artist-wordmark{font-size:49px}.artist-invite{grid-column:auto}.form-grid{grid-template-columns:1fr}.form-field.wide{grid-column:auto}.join-form{padding:20px}.join-actions .button{width:100%;justify-content:center}.player-controls #player-queue{display:none}.player-info>img{width:37px;height:37px}.player-info{gap:8px}.player-inner{gap:6px 10px}.player-controls{gap:1px}.player-controls button{width:36px;height:40px}.player-controls .player-play{width:41px;height:41px}.hero-proof{gap:7px;margin-top:23px}.hero-proof span{font-size:8px;padding:7px 9px}.song-details h3{font-size:15px}.song-meta{letter-spacing:.02em}.artist-profile-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){.song-card:hover,.song-card:hover .song-art>img{transform:none}}
