:root{--ink:#08050a;--ink2:#100913;--paper:#fff8fb;--pink:#ff2f92;--pink2:#d80b75;--gold:#ffd13b;--violet:#70236f;--muted:#a797a6;--line:rgba(255,255,255,.13);--max:1320px;--display:'Bodoni Moda',Georgia,serif;--body:'Manrope',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:var(--body);overflow-x:hidden}body.admin-bar .df3-header{top:32px}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.df3-container{width:min(calc(100% - 48px),var(--max));margin:auto}.df3-header{position:fixed;inset:0 0 auto;z-index:1000;transition:.35s;background:linear-gradient(180deg,rgba(6,2,7,.72),transparent)}.df3-header.scrolled{background:rgba(8,5,10,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.df3-nav-wrap{width:min(calc(100% - 48px),1400px);height:92px;margin:auto;display:grid;grid-template-columns:230px 1fr 160px;align-items:center;gap:26px}.df3-nav-logo img{width:205px;height:76px;object-fit:contain;object-position:left center}.df3-desktop-nav{display:flex;justify-content:center;gap:34px}.df3-desktop-nav a{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:#e9dfe8;position:relative}.df3-desktop-nav a:after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:1px;background:var(--pink);transition:.25s}.df3-desktop-nav a:hover:after{width:100%}.df3-nav-book{justify-self:end;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:12px 18px;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.df3-menu-btn,.df3-mobile-nav{display:none}
.df3-hero{min-height:100vh;position:relative;display:flex;align-items:center;overflow:hidden}.df3-hero-bg{position:absolute;inset:0}.df3-hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.08);transition:opacity 1.4s ease,transform 6s ease;filter:saturate(1.1)}.df3-hero-slide.active{opacity:.42;transform:scale(1)}.df3-hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#08050a 0%,rgba(8,5,10,.84) 39%,rgba(8,5,10,.28) 68%,rgba(8,5,10,.82) 100%),linear-gradient(0deg,#08050a 0%,transparent 24%)}.df3-hero-noise{position:absolute;inset:0;opacity:.18;background-image:radial-gradient(rgba(255,255,255,.55) .55px,transparent .55px);background-size:5px 5px;mix-blend-mode:overlay}.df3-orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.34;animation:orb 9s ease-in-out infinite alternate}.orb-a{width:420px;height:420px;background:var(--pink);left:-120px;top:25%}.orb-b{width:360px;height:360px;background:#7d18ff;right:-100px;bottom:4%;animation-delay:-3s}.df3-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:center;padding:150px 0 100px}.df3-kicker{display:flex;align-items:center;gap:9px;color:#ff93c5;font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.df3-kicker svg{width:18px}.df3-kicker.dark{color:#a51b66}.df3-hero-logo{width:min(510px,80vw);margin:20px 0 6px;filter:drop-shadow(0 12px 34px rgba(255,30,144,.16))}.df3-hero h1{font-family:var(--display);font-weight:400;font-size:clamp(45px,5.7vw,84px);line-height:.98;letter-spacing:-.045em;margin:15px 0 23px;max-width:760px}.df3-hero-copy>p{max-width:610px;color:#c6b9c5;font-size:17px;line-height:1.75}.df3-hero-actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.df3-btn{border-radius:999px;padding:15px 22px;display:inline-flex;align-items:center;gap:12px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;transition:.25s}.df3-btn svg{width:18px}.df3-btn.primary{background:linear-gradient(135deg,var(--pink),#d70b76);box-shadow:0 16px 40px rgba(255,47,146,.2)}.df3-btn.primary:hover{transform:translateY(-3px);box-shadow:0 20px 50px rgba(255,47,146,.35)}.df3-btn.ghost{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.05);backdrop-filter:blur(8px)}.df3-hero-art{position:relative;height:680px;transition:transform .25s ease;transform-style:preserve-3d}.df3-hero-art>img{height:100%;width:100%;object-fit:cover;object-position:center 20%;border-radius:52% 52% 25px 25px;position:relative;z-index:2;box-shadow:0 30px 90px rgba(0,0,0,.45);mask-image:linear-gradient(#000 0 88%,transparent)}.df3-portrait-halo{position:absolute;inset:4% -7% 6%;border:1px solid rgba(255,47,146,.45);border-radius:50%;transform:rotate(8deg);z-index:1}.df3-float-note{position:absolute;z-index:3;background:rgba(11,5,12,.64);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(15px);border-radius:999px;padding:11px 15px;font-size:9px;font-weight:800;letter-spacing:.16em}.note-a{left:-52px;bottom:130px;animation:float 3.2s ease-in-out infinite}.note-b{right:-38px;top:130px;animation:float 3.6s ease-in-out infinite reverse}.df3-social-marquee{position:absolute;z-index:5;left:0;right:0;bottom:0;border-top:1px solid rgba(255,255,255,.12);background:rgba(9,4,10,.72);backdrop-filter:blur(12px);overflow:hidden}.df3-social-track{display:flex;width:max-content;animation:social 26s linear infinite}.df3-social-track a{height:64px;display:flex;align-items:center;gap:12px;padding:0 28px;border-right:1px solid rgba(255,255,255,.08);font-size:10px;font-weight:800;letter-spacing:.13em}.df3-social-track a span{color:var(--pink)}.df3-social-track:hover{animation-play-state:paused}
.df3-music{background:var(--paper);color:#171017;padding:120px 0 115px;position:relative}.df3-music:before{content:"";position:absolute;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(255,47,146,.12),transparent 65%);right:-160px;top:50px}.df3-section-head{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:54px}.df3-section-head h2,.df3-gallery-head h2{font-family:var(--display);font-size:clamp(44px,5vw,70px);font-weight:400;letter-spacing:-.045em;line-height:1;margin:10px 0 0}.df3-section-head>p,.df3-gallery-head>p{max-width:420px;color:#817380;line-height:1.7;font-size:14px}.df3-stream-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.df3-stream-card{border-radius:30px;padding:24px;overflow:hidden;min-width:0}.df3-stream-card.spotify{background:#0c0c0c;color:#fff}.df3-stream-card.apple{background:linear-gradient(145deg,#1b1118,#080608);color:#fff}.df3-stream-head{height:70px;display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center}.df3-stream-head small{display:block;font-size:8px;letter-spacing:.17em;color:#a796a2;font-weight:800}.df3-stream-head h3{margin:3px 0 0;font-size:20px}.df3-stream-head>a{font-size:10px;border:1px solid rgba(255,255,255,.18);padding:9px 12px;border-radius:999px}.df3-platform-icon,.df3-apple-mark{width:48px;height:48px;border-radius:50%;display:grid;place-items:center}.df3-platform-icon{background:#1ed760;color:#081309}.df3-platform-icon svg{width:28px}.df3-apple-mark{background:#fff;color:#111;font-size:25px}.df3-stream-card iframe{display:block;border-radius:18px}.df3-apple-fallback{display:block;text-align:center;margin-top:10px;font-size:10px;color:#d6c8d2}.df3-release-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:62px}.df3-release-card{border-top:1px solid #ded0d9;padding-top:18px}.df3-release-cover{aspect-ratio:1;overflow:hidden;position:relative;border-radius:22px;background:#1b101b}.df3-release-cover img{width:100%;height:100%;object-fit:cover;transition:.6s}.df3-release-cover span{position:absolute;width:45%;height:45%;right:-17%;top:28%;border-radius:50%;border:18px solid #181018;background:radial-gradient(circle,#f7d241 0 5%,#151015 6% 24%,#2f2330 25% 27%,#151015 28%);opacity:0;transition:.45s}.df3-release-card:hover .df3-release-cover img{transform:scale(1.05) translateX(-8%)}.df3-release-card:hover .df3-release-cover span{opacity:1;right:-7%;transform:rotate(90deg)}.df3-release-card>small{display:block;margin-top:17px;font-size:9px;letter-spacing:.17em;color:#9d7b91}.df3-release-card h3{font-family:var(--display);font-weight:500;font-size:29px;margin:4px 0 12px}.df3-release-card>div:last-child{display:flex;gap:8px}.df3-release-card>div:last-child a{border:1px solid #d9c8d3;border-radius:999px;padding:7px 11px;font-size:9px;font-weight:800}
.df3-gallery{background:var(--ink);padding:115px 0 125px;overflow:hidden}.df3-gallery-head{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:48px}.df3-gallery-head>p{color:#a797a6}.df3-photo-rail{overflow:hidden;margin:13px 0}.df3-photo-track{display:flex;width:max-content;gap:13px;animation:photos-left 42s linear infinite}.df3-photo-rail.reverse .df3-photo-track{animation-name:photos-right;animation-duration:48s}.df3-photo-rail:hover .df3-photo-track{animation-play-state:paused}.df3-photo{border:0;padding:0;background:none;cursor:zoom-in;width:330px;height:390px;border-radius:20px;overflow:hidden;position:relative;flex:none}.df3-photo:nth-child(3n){width:500px}.df3-photo:nth-child(4n){height:330px;margin-top:30px}.df3-photo img{width:100%;height:100%;object-fit:cover;transition:.5s;filter:saturate(.92)}.df3-photo:after{content:"VER";position:absolute;right:14px;bottom:14px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(8,5,10,.7);border:1px solid rgba(255,255,255,.28);color:#fff;font-size:8px;letter-spacing:.12em;opacity:0;transform:scale(.8);transition:.25s}.df3-photo:hover img{transform:scale(1.045);filter:saturate(1.08)}.df3-photo:hover:after{opacity:1;transform:scale(1)}
.df3-video{padding:125px 0;background:#0d0710}.df3-video .df3-section-head>p,.df3-video .df3-section-head>a{color:#b3a4b2;font-size:12px}.df3-video-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:16px}.df3-video-card{border:0;padding:0;background:#111;position:relative;height:520px;border-radius:28px;overflow:hidden;cursor:pointer;color:#fff;text-align:left}.df3-video-card:not(.big){height:520px}.df3-video-card img{width:100%;height:100%;object-fit:cover;transition:.65s}.df3-video-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(5,1,6,.88))}.df3-video-play{position:absolute;left:32px;top:32px;width:70px;height:70px;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(12px);display:grid;place-items:center;transition:.3s}.df3-video-play svg{width:29px}.df3-video-copy{position:absolute;left:34px;right:34px;bottom:31px}.df3-video-copy small{display:block;color:#ff8dc0;font-size:9px;letter-spacing:.19em;font-weight:800}.df3-video-copy strong{display:block;font-family:var(--display);font-weight:400;font-size:42px;line-height:1;margin-top:4px}.df3-video-card:hover img{transform:scale(1.045)}.df3-video-card:hover .df3-video-play{background:var(--pink);border-color:var(--pink);transform:scale(1.08)}
.df3-shows{padding:120px 0;background:var(--paper);color:#1a1219}.df3-show-list{border-top:1px solid #dfd3dc}.df3-show-row{display:grid;grid-template-columns:130px 1fr 160px;align-items:center;gap:28px;padding:26px 10px;border-bottom:1px solid #dfd3dc;transition:.25s}.df3-show-row:hover{padding-left:22px;background:linear-gradient(90deg,rgba(255,47,146,.05),transparent)}.df3-show-date{display:flex;align-items:center;gap:12px}.df3-show-date b{font-family:var(--display);font-size:50px;font-weight:500;color:#b81365;line-height:1}.df3-show-date span{font-size:9px;font-weight:800;letter-spacing:.16em}.df3-show-row small{font-size:8px;color:#a51b66;letter-spacing:.14em;font-weight:800}.df3-show-row h3{font-family:var(--display);font-size:29px;font-weight:500;margin:4px 0}.df3-show-row p{margin:0;color:#827482;font-size:12px}.df3-show-row>a{justify-self:end;border:1px solid #d6c7d1;border-radius:999px;padding:11px 14px;display:flex;gap:8px;align-items:center;font-size:9px;font-weight:800}.df3-show-row>a svg{width:16px}.df3-soon{justify-self:end;color:#a998a6;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.df3-no-shows{text-align:center;padding:70px 20px}.df3-no-shows>span{color:var(--pink);font-size:30px}.df3-no-shows h3{font-family:var(--display);font-size:38px;font-weight:400;margin:10px 0}.df3-no-shows p{color:#8a7a88}
.df3-contact{position:relative;padding:130px 0;overflow:hidden}.df3-contact-bg{position:absolute;inset:0 0 0 50%;background-size:cover;background-position:center 20%;opacity:.55}.df3-contact:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#08050a 0 46%,rgba(8,5,10,.88) 58%,rgba(8,5,10,.25))}.df3-contact-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 420px;gap:80px;align-items:center}.df3-contact-copy h2{font-family:var(--display);font-weight:400;font-size:clamp(48px,5.4vw,76px);line-height:.98;letter-spacing:-.04em;max-width:790px;margin:14px 0 24px}.df3-contact-copy>p{max-width:560px;color:#c0b1bf;line-height:1.7;margin-bottom:28px}.df3-contact-card{border:1px solid rgba(255,255,255,.15);background:rgba(13,7,15,.72);backdrop-filter:blur(18px);border-radius:28px;padding:14px 26px}.df3-contact-card>a{display:grid;grid-template-columns:37px 1fr;gap:14px;align-items:center;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.09)}.df3-contact-card>a:last-child{border-bottom:0}.df3-contact-card>a>svg{width:26px;color:#ff65aa}.df3-contact-card small{display:block;font-size:8px;letter-spacing:.15em;color:#a792a5}.df3-contact-card strong{display:block;margin-top:4px;font-size:13px}
.df3-footer{background:#050305}.df3-footer-line{overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08);color:#f35a9f}.df3-footer-line div{white-space:nowrap;width:max-content;padding:14px 0;font-family:var(--display);font-size:20px;animation:social 23s linear infinite}.df3-footer-inner{width:min(calc(100% - 48px),var(--max));margin:auto;min-height:150px;display:grid;grid-template-columns:230px 1fr 44px;gap:30px;align-items:center}.df3-footer-inner img{width:210px}.df3-footer-inner p{text-align:center;font-size:10px;color:#796e79}.df3-top{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.15);display:grid;place-items:center}.df3-lightbox,.df3-video-modal{position:fixed;inset:0;z-index:3000;background:rgba(5,2,6,.95);display:grid;place-items:center;opacity:0;pointer-events:none;transition:.25s;padding:28px}.df3-lightbox.open,.df3-video-modal.open{opacity:1;pointer-events:auto}.df3-lightbox img{max-width:min(1120px,92vw);max-height:88vh;border-radius:18px}.df3-lightbox-close,.df3-video-close{position:absolute;right:22px;top:18px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;width:48px;height:48px;border-radius:50%;font-size:26px;cursor:pointer}.df3-video-frame{width:min(1120px,93vw);aspect-ratio:16/9}.df3-video-frame iframe{width:100%;height:100%;border:0;border-radius:20px}.df3-basic{padding:150px 0 90px;min-height:70vh;background:var(--paper);color:#1d151c}.df3-basic h1{font-family:var(--display);font-size:60px;font-weight:400}.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.76,.2,1)}.reveal.visible{opacity:1;transform:none}
@keyframes social{to{transform:translateX(-50%)}}@keyframes photos-left{to{transform:translateX(-50%)}}@keyframes photos-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}@keyframes float{50%{transform:translateY(-13px)}}@keyframes orb{to{transform:translate(35px,-25px) scale(1.1)}}
@media(max-width:1020px){.df3-nav-wrap{grid-template-columns:210px 1fr}.df3-desktop-nav,.df3-nav-book{display:none}.df3-menu-btn{display:flex;justify-self:end;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.05);flex-direction:column;gap:6px;justify-content:center;align-items:center}.df3-menu-btn span{width:18px;height:1px;background:#fff}.df3-mobile-nav{position:fixed;top:92px;left:0;right:0;background:#0b060d;padding:25px;display:none;flex-direction:column}.df3-mobile-nav.open{display:flex}.df3-mobile-nav a{font-family:var(--display);font-size:34px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.09)}.df3-hero-grid{grid-template-columns:1fr .7fr;gap:38px}.df3-hero-art{height:580px}.df3-stream-grid{grid-template-columns:1fr}.df3-video-grid{grid-template-columns:1fr}.df3-video-card,.df3-video-card:not(.big){height:520px}.df3-contact-grid{grid-template-columns:1fr 360px;gap:45px}}
@media(max-width:720px){body.admin-bar .df3-header{top:46px}.df3-container,.df3-nav-wrap,.df3-footer-inner{width:min(calc(100% - 28px),var(--max))}.df3-nav-wrap{height:74px;grid-template-columns:165px 1fr}.df3-nav-logo img{width:155px;height:60px}.df3-mobile-nav{top:74px}.df3-hero{min-height:auto}.df3-hero-grid{grid-template-columns:1fr;padding:118px 0 110px;gap:25px}.df3-hero-copy{order:2}.df3-hero-art{order:1;height:450px;width:92%;margin:auto}.df3-hero h1{font-size:48px}.df3-hero-copy>p{font-size:15px}.df3-social-marquee{position:relative}.df3-music,.df3-gallery,.df3-video,.df3-shows{padding:82px 0}.df3-section-head,.df3-gallery-head{flex-direction:column;align-items:flex-start;margin-bottom:35px}.df3-section-head h2,.df3-gallery-head h2{font-size:45px}.df3-stream-card{padding:15px;border-radius:22px}.df3-stream-head{grid-template-columns:42px 1fr}.df3-stream-head>a{grid-column:2}.df3-stream-card iframe{height:400px}.df3-release-strip{grid-template-columns:1fr}.df3-photo{width:245px;height:320px}.df3-photo:nth-child(3n){width:330px}.df3-photo:nth-child(4n){height:280px}.df3-video-card,.df3-video-card:not(.big){height:410px}.df3-video-copy strong{font-size:34px}.df3-show-row{grid-template-columns:90px 1fr;padding:22px 0}.df3-show-row>a,.df3-soon{grid-column:2;justify-self:start}.df3-contact{padding:90px 0}.df3-contact-bg{inset:32% 0 0 25%;opacity:.33}.df3-contact:before{background:linear-gradient(180deg,#08050a 0 45%,rgba(8,5,10,.85) 70%,rgba(8,5,10,.3))}.df3-contact-grid{grid-template-columns:1fr;gap:35px}.df3-contact-copy h2{font-size:48px}.df3-footer-inner{grid-template-columns:1fr 44px;padding:32px 0}.df3-footer-inner p{grid-column:1/3;text-align:left}.df3-top{grid-column:2;grid-row:1}.reveal{transform:translateY(16px)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* ===== V4: estabilidad móvil + música de bienvenida ===== */
html,body{max-width:100%;overflow-x:clip}
iframe{max-width:100%}
.df3-stream-card,.df3-stream-grid,.df3-hero-grid,.df3-contact-grid,.df3-video-grid{min-width:0}
body.df3-modal-open,body.df3-sound-open,body.df3-menu-open{overflow:hidden}

.df3-sound-gate{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease,visibility .45s ease;background:#08050a}
.df3-sound-gate.show{opacity:1;visibility:visible;pointer-events:auto}
.df3-sound-gate-bg{position:absolute;inset:0;background:radial-gradient(circle at 18% 20%,rgba(255,47,146,.27),transparent 34%),radial-gradient(circle at 84% 82%,rgba(111,28,150,.27),transparent 36%),linear-gradient(145deg,#08050a,#170a18);animation:df3gate 9s ease-in-out infinite alternate}
.df3-sound-gate-card{position:relative;z-index:2;width:min(540px,100%);text-align:center;padding:42px 34px;border:1px solid rgba(255,255,255,.14);border-radius:32px;background:rgba(14,7,16,.76);backdrop-filter:blur(18px);box-shadow:0 30px 100px rgba(0,0,0,.55)}
.df3-sound-gate-card img{width:min(300px,78%);max-height:125px;object-fit:contain;margin:0 auto 20px}.df3-sound-gate-card>span{font-size:9px;letter-spacing:.24em;font-weight:800;color:#ff76b4}.df3-sound-gate-card h2{font-family:var(--display);font-weight:400;font-size:clamp(34px,6vw,58px);line-height:1.02;margin:10px 0 14px}.df3-sound-gate-card p{color:#bcaeb9;line-height:1.7;margin:0 auto 25px;max-width:390px}.df3-sound-gate-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.df3-sound-gate-actions button{border-radius:999px;padding:14px 18px;border:1px solid rgba(255,255,255,.2);color:#fff;background:rgba(255,255,255,.06);font-size:10px;letter-spacing:.08em;font-weight:800;text-transform:uppercase;cursor:pointer}.df3-sound-gate-actions .df3-sound-enter{background:linear-gradient(135deg,var(--pink),var(--pink2));border-color:transparent;display:inline-flex;align-items:center;gap:9px}.df3-sound-enter svg{width:17px}
.df3-audio-toggle{position:fixed;z-index:1150;right:18px;bottom:18px;display:flex;align-items:center;gap:9px;padding:8px 13px 8px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(10,5,12,.88);color:#fff;backdrop-filter:blur(15px);box-shadow:0 10px 35px rgba(0,0,0,.28);cursor:pointer;max-width:210px}.df3-audio-disc{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--pink),#6f23b7);font-size:15px}.df3-audio-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.df3-audio-copy small{font-size:7px;letter-spacing:.16em;color:#a997a6}.df3-audio-copy strong{font-size:10px;max-width:128px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.df3-audio-toggle.playing .df3-audio-disc{animation:df3spin 3.8s linear infinite}.df3-audio-toggle.playing:after{content:"";position:absolute;inset:-4px;border:1px solid rgba(255,47,146,.35);border-radius:999px;animation:df3pulse 1.7s ease-out infinite}

@keyframes df3spin{to{transform:rotate(360deg)}}@keyframes df3pulse{0%{opacity:.8;transform:scale(.98)}100%{opacity:0;transform:scale(1.08)}}@keyframes df3gate{from{transform:scale(1)}to{transform:scale(1.035)}}

/* tablet */
@media(max-width:1020px){
 body.admin-bar .df3-header{top:32px}
 .df3-nav-wrap{width:calc(100% - 34px);height:78px;grid-template-columns:minmax(0,190px) 48px;gap:12px}
 .df3-nav-logo img{width:180px;height:62px;max-width:100%}.df3-menu-btn{justify-self:end}
 .df3-mobile-nav{top:78px;max-height:calc(100dvh - 78px);overflow:auto;padding:22px 24px 34px}
 body.admin-bar .df3-mobile-nav{top:110px;max-height:calc(100dvh - 110px)}
 .df3-hero{min-height:0}.df3-hero-grid{grid-template-columns:1fr;gap:28px;padding:118px 0 112px}.df3-hero-copy{order:1;max-width:740px}.df3-hero-art{order:2;width:min(620px,92%);height:auto;aspect-ratio:4/5;margin:auto;transform:none!important}.df3-float-note{display:none}
 .df3-hero-art>img{border-radius:38% 38% 20px 20px;object-position:center 18%}.df3-portrait-halo{inset:3% -3% 5%}
 .df3-stream-grid{grid-template-columns:1fr}.df3-stream-card iframe{width:100%!important}.df3-release-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
 .df3-video-grid{grid-template-columns:1fr}.df3-video-card,.df3-video-card:not(.big){height:auto;aspect-ratio:16/9}
 .df3-contact-grid{grid-template-columns:1fr;gap:42px}.df3-contact-card{max-width:600px}
}

/* phone */
@media(max-width:720px){
 body.admin-bar .df3-header{top:46px}
 .df3-container,.df3-footer-inner{width:calc(100% - 30px)}.df3-nav-wrap{width:calc(100% - 24px);height:68px;grid-template-columns:minmax(0,150px) 44px}.df3-nav-logo img{width:145px;height:54px}.df3-menu-btn{width:42px;height:42px}.df3-mobile-nav{top:68px;padding:18px 18px 28px}.df3-mobile-nav a{font-size:30px;padding:10px 0}.df3-header.scrolled{backdrop-filter:blur(12px)}body.admin-bar .df3-mobile-nav{top:114px;max-height:calc(100dvh - 114px)}
 .df3-hero-grid{padding:104px 0 86px;gap:24px}.df3-hero-copy{order:1}.df3-hero-art{order:2;width:100%;aspect-ratio:4/5}.df3-hero-logo{width:min(260px,78vw);margin:14px 0 6px}.df3-kicker{font-size:8px;letter-spacing:.14em;line-height:1.5}.df3-hero h1{font-size:clamp(38px,12vw,52px);line-height:1;margin:13px 0 18px}.df3-hero-copy>p{font-size:14px;line-height:1.65}.df3-hero-actions{display:grid;grid-template-columns:1fr;gap:9px;margin-top:24px}.df3-btn{justify-content:center;width:100%;padding:14px 18px}.df3-hero-art>img{border-radius:34% 34% 18px 18px}.df3-portrait-halo{inset:4% 1% 5%}.df3-social-marquee{position:relative}.df3-social-track a{height:54px;padding:0 20px;font-size:9px}
 .df3-music,.df3-gallery,.df3-video,.df3-shows{padding:72px 0}.df3-section-head,.df3-gallery-head{gap:16px;margin-bottom:28px}.df3-section-head h2,.df3-gallery-head h2{font-size:clamp(38px,11vw,50px);line-height:1.02}.df3-section-head>p,.df3-gallery-head>p{font-size:13px;line-height:1.6}
 .df3-stream-card{padding:13px;border-radius:20px}.df3-stream-head{height:auto;min-height:66px;grid-template-columns:40px minmax(0,1fr);gap:10px;padding-bottom:10px}.df3-platform-icon,.df3-apple-mark{width:40px;height:40px}.df3-stream-head h3{font-size:17px}.df3-stream-head>a{grid-column:1/3;justify-self:stretch;text-align:center;padding:9px 10px}.df3-stream-card iframe{height:352px!important;border-radius:14px}.df3-apple-fallback{line-height:1.5;padding:0 4px}
 .df3-release-strip{grid-template-columns:1fr;margin-top:38px;gap:28px}.df3-release-card h3{font-size:27px}.df3-release-cover{border-radius:18px}
 .df3-gallery{padding-left:0;padding-right:0}.df3-photo-rail{margin:9px 0}.df3-photo-track{gap:9px;animation-duration:34s}.df3-photo-rail.reverse .df3-photo-track{animation-duration:39s}.df3-photo{width:210px;height:278px;border-radius:14px}.df3-photo:nth-child(3n){width:280px}.df3-photo:nth-child(4n){height:248px;margin-top:15px}.df3-photo:after{display:none}
 .df3-video-card,.df3-video-card:not(.big){height:auto;aspect-ratio:4/3;border-radius:18px}.df3-video-copy{left:18px;right:18px;bottom:18px}.df3-video-copy strong{font-size:clamp(28px,9vw,38px)}.df3-video-play{width:58px;height:58px}.df3-video-play svg{width:21px}
 .df3-show-row{grid-template-columns:72px minmax(0,1fr);gap:14px;padding:19px 0}.df3-show-date b{font-size:31px}.df3-show-row h3{font-size:23px;line-height:1.1}.df3-show-row p{font-size:12px;word-break:break-word}.df3-show-row>a,.df3-soon{grid-column:2;margin-top:6px}
 .df3-contact{padding:76px 0}.df3-contact-bg{inset:34% 0 0 18%;opacity:.27;background-position:center top}.df3-contact-copy h2{font-size:clamp(39px,11vw,52px);line-height:1.02}.df3-contact-card{padding:8px 16px;border-radius:20px}.df3-contact-card a{gap:12px;padding:16px 0;align-items:flex-start}.df3-contact-card a svg{flex:0 0 22px}.df3-contact-card strong{font-size:12px;overflow-wrap:anywhere}.df3-contact-card span{min-width:0}
 .df3-footer-inner{grid-template-columns:minmax(0,1fr) 40px;gap:14px}.df3-footer-inner img{max-width:180px}.df3-footer-inner p{font-size:9px}.df3-top{width:40px;height:40px}
 .df3-lightbox,.df3-video-modal{padding:12px}.df3-lightbox img{max-height:84dvh;border-radius:12px}.df3-video-frame{width:100%;border-radius:14px}.df3-lightbox-close,.df3-video-close{top:12px;right:12px;width:42px;height:42px}
 .df3-sound-gate{padding:14px}.df3-sound-gate-card{padding:30px 18px 24px;border-radius:24px}.df3-sound-gate-card img{width:min(250px,78%);margin-bottom:15px}.df3-sound-gate-card h2{font-size:clamp(34px,10vw,46px)}.df3-sound-gate-card p{font-size:13px}.df3-sound-gate-actions{display:grid;grid-template-columns:1fr;width:100%}.df3-sound-gate-actions button{width:100%;justify-content:center}.df3-audio-toggle{right:10px;bottom:max(10px,env(safe-area-inset-bottom));padding:7px;max-width:none}.df3-audio-copy{display:none}.df3-audio-disc{width:38px;height:38px}
}

@media(max-width:390px){
 .df3-container{width:calc(100% - 24px)}.df3-nav-wrap{width:calc(100% - 20px);grid-template-columns:minmax(0,132px) 42px}.df3-nav-logo img{width:130px}.df3-hero-grid{padding-top:96px}.df3-hero h1{font-size:39px}.df3-section-head h2,.df3-gallery-head h2{font-size:39px}.df3-stream-card iframe{height:330px!important}.df3-photo{width:190px;height:250px}.df3-photo:nth-child(3n){width:248px}.df3-photo:nth-child(4n){height:225px}.df3-contact-copy h2{font-size:39px}
}

@media(prefers-reduced-motion:reduce){.df3-sound-gate-bg,.df3-audio-toggle.playing .df3-audio-disc,.df3-audio-toggle.playing:after{animation:none!important}}


/* ==========================================================
   V5 — RESPONSIVE REAL: portada independiente para tablet/móvil
   ========================================================== */
@media (max-width: 1100px){
  .df3-header{background:linear-gradient(180deg,rgba(8,5,10,.94),rgba(8,5,10,.66) 72%,transparent)}
  .df3-nav-wrap{width:calc(100% - 32px);height:78px;grid-template-columns:minmax(0,180px) 46px;gap:12px}
  .df3-nav-logo{display:flex;align-items:center;min-width:0;overflow:hidden}
  .df3-nav-logo img{width:170px;height:58px;max-width:100%;object-fit:contain;object-position:left center}
  .df3-desktop-nav,.df3-nav-book{display:none}
  .df3-menu-btn{display:flex;justify-self:end;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(13,8,15,.52);flex-direction:column;gap:6px;justify-content:center;align-items:center;color:#fff}
  .df3-menu-btn span{width:18px;height:1px;background:#fff}
  .df3-mobile-nav{position:fixed;top:78px;left:0;right:0;display:none;flex-direction:column;max-height:calc(100dvh - 78px);overflow:auto;background:rgba(8,5,10,.98);border-top:1px solid rgba(255,255,255,.08);padding:18px 22px 30px;z-index:1001}
  .df3-mobile-nav.open{display:flex}
  .df3-mobile-nav a{font-family:var(--display);font-size:31px;line-height:1.1;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.09)}
  body.admin-bar .df3-mobile-nav{top:110px;max-height:calc(100dvh - 110px)}

  /* El hero en tablet/móvil usa la foto como fondo, no como segunda columna. */
  .df3-hero{display:block;min-height:0;overflow:hidden;isolation:isolate}
  .df3-hero-bg{z-index:-3}
  .df3-hero-slide{display:none}
  .df3-hero-bg:after{background:linear-gradient(180deg,rgba(8,5,10,.48) 0%,rgba(8,5,10,.68) 33%,rgba(8,5,10,.94) 79%,#08050a 100%),linear-gradient(90deg,rgba(8,5,10,.82),rgba(8,5,10,.24) 65%,rgba(8,5,10,.72))}
  .df3-hero-noise{opacity:.11}
  .df3-orb{opacity:.2}
  .df3-hero-grid{position:relative;display:block;width:100%;max-width:none;min-height:820px;margin:0;padding:150px max(28px,calc((100% - 900px)/2)) 54px;overflow:hidden}
  .df3-hero-art{position:absolute;z-index:-2;inset:78px 0 0;width:100%;height:auto;aspect-ratio:auto;margin:0;transform:none!important;pointer-events:none}
  .df3-hero-art>img{width:100%;height:100%;object-fit:cover;object-position:62% 12%;border-radius:0;box-shadow:none;mask-image:none;-webkit-mask-image:none;opacity:.76}
  .df3-portrait-halo,.df3-float-note{display:none}
  .df3-hero-copy{position:relative;z-index:3;order:initial;width:min(610px,76%);max-width:610px;margin:270px 0 0;padding:0}
  .df3-hero-logo{display:none}
  .df3-kicker{font-size:9px;line-height:1.4;letter-spacing:.17em}
  .df3-hero h1{max-width:560px;margin:14px 0 18px;font-size:clamp(48px,7vw,72px);line-height:.98}
  .df3-hero-copy>p{max-width:460px;margin:0;font-size:15px;line-height:1.65;color:#ddd1dc}
  .df3-hero-actions{display:flex;gap:10px;margin-top:25px;flex-wrap:wrap}
  .df3-hero-actions .df3-btn{width:auto;min-width:190px;justify-content:center}
  .df3-social-marquee{position:relative;left:auto;right:auto;bottom:auto;z-index:4;width:100%;margin:0;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.08);background:#0b060d}
  .df3-social-track a{height:58px;padding:0 24px;font-size:9px}

  .df3-stream-grid{grid-template-columns:1fr}
  .df3-release-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .df3-video-grid{grid-template-columns:1fr}
  .df3-video-card,.df3-video-card:not(.big){height:auto;aspect-ratio:16/9}
  .df3-contact-grid{grid-template-columns:1fr;gap:40px}
  .df3-contact-card{max-width:620px}
}

@media (max-width: 782px){
  body.admin-bar .df3-header{top:46px}
  body.admin-bar .df3-mobile-nav{top:116px;max-height:calc(100dvh - 116px)}
  .df3-nav-wrap{width:calc(100% - 24px);height:70px;grid-template-columns:minmax(0,150px) 44px}
  .df3-nav-logo img{width:142px;height:52px}
  .df3-menu-btn{width:42px;height:42px}
  .df3-mobile-nav{top:70px;max-height:calc(100dvh - 70px);padding:16px 18px 24px}
  .df3-mobile-nav a{font-size:29px;padding:10px 0}

  .df3-container,.df3-footer-inner{width:calc(100% - 30px)}
  .df3-hero-grid{min-height:760px;padding:128px 20px 44px}
  body.admin-bar .df3-hero-grid{padding-top:146px}
  .df3-hero-art{inset:70px 0 0}
  body.admin-bar .df3-hero-art{inset:116px 0 0}
  .df3-hero-art>img{object-position:59% 10%;opacity:.72}
  .df3-hero-bg:after{background:linear-gradient(180deg,rgba(8,5,10,.28) 0%,rgba(8,5,10,.48) 27%,rgba(8,5,10,.88) 69%,#08050a 100%),linear-gradient(90deg,rgba(8,5,10,.72),rgba(8,5,10,.08) 74%)}
  .df3-hero-copy{width:100%;max-width:500px;margin:310px 0 0}
  .df3-kicker{font-size:8px;letter-spacing:.14em}
  .df3-hero h1{font-size:clamp(43px,12vw,58px);line-height:.97;letter-spacing:-.04em;margin:12px 0 16px}
  .df3-hero-copy>p{max-width:390px;font-size:14px;line-height:1.55}
  .df3-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px;max-width:470px}
  .df3-hero-actions .df3-btn{width:100%;min-width:0;padding:13px 15px;font-size:10px}
  .df3-social-track a{height:52px;padding:0 18px;font-size:8px}

  .df3-music,.df3-gallery,.df3-video,.df3-shows{padding:70px 0}
  .df3-section-head,.df3-gallery-head{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:30px}
  .df3-section-head h2,.df3-gallery-head h2{font-size:clamp(38px,10vw,50px);line-height:1}
  .df3-section-head>p,.df3-gallery-head>p{font-size:13px;line-height:1.55}
  .df3-stream-card{padding:13px;border-radius:20px}
  .df3-stream-head{height:auto;min-height:66px;grid-template-columns:40px minmax(0,1fr);gap:10px;padding-bottom:10px}
  .df3-platform-icon,.df3-apple-mark{width:40px;height:40px}
  .df3-stream-head>a{grid-column:1/3;justify-self:stretch;text-align:center;padding:9px 10px}
  .df3-stream-card iframe{width:100%!important;height:350px!important;border-radius:14px}
  .df3-release-strip{grid-template-columns:1fr;margin-top:38px;gap:28px}

  .df3-gallery{padding-left:0;padding-right:0}
  .df3-photo-rail{margin:9px 0}
  .df3-photo-track{gap:9px;animation-duration:34s}
  .df3-photo-rail.reverse .df3-photo-track{animation-duration:39s}
  .df3-photo{width:210px;height:278px;border-radius:14px}
  .df3-photo:nth-child(3n){width:270px}
  .df3-photo:nth-child(4n){height:250px;margin-top:14px}
  .df3-photo:after{display:none}

  .df3-video-card,.df3-video-card:not(.big){height:auto;aspect-ratio:4/3;border-radius:18px}
  .df3-video-copy{left:18px;right:18px;bottom:18px}
  .df3-video-copy strong{font-size:clamp(28px,9vw,38px)}

  .df3-show-row{grid-template-columns:72px minmax(0,1fr);gap:14px;padding:19px 0}
  .df3-show-row>a,.df3-soon{grid-column:2;margin-top:6px}
  .df3-contact{padding:76px 0}
  .df3-contact-bg{inset:36% 0 0 12%;opacity:.25;background-position:center top}
  .df3-contact-copy h2{font-size:clamp(39px,11vw,52px);line-height:1.02}
  .df3-contact-card{padding:8px 16px;border-radius:20px}
  .df3-contact-card a{gap:12px;padding:16px 0;align-items:flex-start}
  .df3-contact-card strong{font-size:12px;overflow-wrap:anywhere}
  .df3-contact-card span{min-width:0}
  .df3-footer-inner{grid-template-columns:minmax(0,1fr) 40px;gap:14px}
  .df3-footer-inner img{max-width:170px}
  .df3-footer-inner p{font-size:9px}
  .df3-audio-toggle{right:10px;bottom:max(10px,env(safe-area-inset-bottom));padding:7px}
  .df3-audio-copy{display:none}
  .df3-audio-disc{width:38px;height:38px}
}

@media (max-width: 520px){
  .df3-nav-wrap{grid-template-columns:minmax(0,132px) 42px}
  .df3-nav-logo img{width:126px}
  .df3-hero-grid{min-height:720px;padding-left:16px;padding-right:16px;padding-bottom:38px}
  .df3-hero-art>img{object-position:58% 8%}
  .df3-hero-copy{margin-top:290px}
  .df3-hero h1{font-size:clamp(40px,12.5vw,52px)}
  .df3-hero-actions{grid-template-columns:1fr}
  .df3-hero-actions .df3-btn{padding:13px 16px}
  .df3-social-track a{padding:0 16px}
  .df3-stream-card iframe{height:330px!important}
  .df3-photo{width:190px;height:250px}
  .df3-photo:nth-child(3n){width:240px}
  .df3-photo:nth-child(4n){height:225px}
}

@media (max-width: 360px){
  .df3-hero-grid{min-height:690px;padding-left:14px;padding-right:14px}
  .df3-hero-copy{margin-top:270px}
  .df3-hero h1{font-size:39px}
  .df3-hero-copy>p{font-size:13px}
  .df3-container,.df3-footer-inner{width:calc(100% - 24px)}
}


/* ===== V5 FINAL — hero móvil independiente, sin superposiciones ===== */
.df3-hero-desktop{display:contents}
.df3-hero-mobile{display:none}

@media (max-width:1100px){
  .df3-hero{display:block!important;min-height:0!important;overflow:hidden!important;background:#08050a}
  .df3-hero-desktop{display:none!important}
  .df3-hero-mobile{display:flex!important;position:relative;width:100%;min-height:840px;background-size:cover;background-repeat:no-repeat;background-position:56% 14%;align-items:flex-end;isolation:isolate}
  .df3-hero-mobile:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(8,5,10,.72) 0%,rgba(8,5,10,.22) 66%,rgba(8,5,10,.5) 100%)}
  .df3-hero-mobile-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,5,10,.17) 0%,rgba(8,5,10,.27) 32%,rgba(8,5,10,.7) 66%,#08050a 100%)}
  .df3-hero-mobile-content{position:relative;z-index:2;width:min(600px,72%);margin:0 0 82px max(34px,calc((100% - 980px)/2));padding:0}
  .df3-hero-mobile .df3-kicker{font-size:9px;letter-spacing:.16em;color:#ff91c4}
  .df3-hero-mobile h1{font-family:var(--display);font-size:clamp(52px,7vw,72px);font-weight:400;line-height:.96;letter-spacing:-.045em;margin:14px 0 18px;max-width:570px}
  .df3-hero-mobile p{max-width:450px;margin:0;color:#ddd0dc;font-size:15px;line-height:1.65}
  .df3-hero-mobile .df3-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
  .df3-hero-mobile .df3-btn{width:auto;min-width:185px;justify-content:center}
  .df3-social-marquee{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%;z-index:5;background:#0b060d;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.08)}
}

@media (max-width:782px){
  .df3-hero-mobile{min-height:760px;background-position:57% 10%}
  .df3-hero-mobile:before{background:linear-gradient(90deg,rgba(8,5,10,.58) 0%,rgba(8,5,10,.08) 75%,rgba(8,5,10,.28) 100%)}
  .df3-hero-mobile-shade{background:linear-gradient(180deg,rgba(8,5,10,.08) 0%,rgba(8,5,10,.2) 34%,rgba(8,5,10,.78) 68%,#08050a 100%)}
  .df3-hero-mobile-content{width:calc(100% - 36px);max-width:520px;margin:0 18px 42px;padding:0}
  .df3-hero-mobile .df3-kicker{font-size:8px;letter-spacing:.14em;line-height:1.45}
  .df3-hero-mobile h1{font-size:clamp(43px,12vw,56px);line-height:.97;margin:11px 0 15px;max-width:420px}
  .df3-hero-mobile p{max-width:360px;font-size:14px;line-height:1.55}
  .df3-hero-mobile .df3-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-width:470px;margin-top:20px}
  .df3-hero-mobile .df3-btn{width:100%;min-width:0;padding:13px 14px;font-size:9px;letter-spacing:.065em}
  .df3-social-track a{height:52px;padding:0 18px;font-size:8px}
}

@media (max-width:520px){
  .df3-hero-mobile{min-height:720px;background-position:58% 8%}
  .df3-hero-mobile-content{width:calc(100% - 30px);margin:0 15px 34px}
  .df3-hero-mobile h1{font-size:clamp(40px,12.4vw,50px);max-width:350px}
  .df3-hero-mobile p{max-width:310px;font-size:13.5px}
  .df3-hero-mobile .df3-hero-actions{grid-template-columns:1fr;max-width:260px}
  .df3-social-track a{padding:0 16px}
}

@media (max-width:360px){
  .df3-hero-mobile{min-height:690px;background-position:59% 7%}
  .df3-hero-mobile-content{margin-bottom:28px}
  .df3-hero-mobile h1{font-size:38px}
}
/* V6 editable gallery helpers */
.df3-photo.df3-photo-landscape{width:500px;height:330px;margin-top:30px}.df3-photo.df3-photo-portrait{width:300px;height:410px}.df3-photo.df3-photo-square{width:360px;height:360px}
@media(max-width:720px){.df3-photo.df3-photo-landscape{width:290px;height:210px;margin-top:18px}.df3-photo.df3-photo-portrait{width:210px;height:290px}.df3-photo.df3-photo-square{width:245px;height:245px}}