/* ==========================================================================
   Wocky · «terminal nocturna»
   Lienzo #0b0b0b, tarjetas #191919, texto blanco luminoso, secundario #a3a3a3.
   Controles en píldora (99px), tarjetas de 16px con halo negro, titulares con tracking -0.08em.
   El color solo aparece como señal: ámbar (palabra destacada), azul (navegación), verde (estado).
   Se carga después de tienda.css y la sustituye visualmente.
   ========================================================================== */
:root{
  color-scheme:dark;
  --fy-ink:#0b0b0b;--fy-char:#191919;--fy-obs:#131313;--fy-graphite:#a3a3a3;--fy-mist:#ccc;--fy-smoke:#525252;--fy-ash:#999;
  --fy-ember:#ffffff;--fy-signal:#ffffff;--fy-growth:#ffffff;
  --fy-ring:0 0 0 1px rgba(255,255,255,.09);--fy-ring-h:0 0 0 1px rgba(255,255,255,.24);
  --fy-halo:0 0 44px rgba(0,0,0,.8);--fy-glow:0 0 14px rgba(255,255,255,.22);
  --fy-font:'Montserrat','Helvetica Neue',Arial,sans-serif;
  /* variables heredadas */
  --bg:#0b0b0b;--bg2:#131313;--card:#191919;--line:rgba(255,255,255,.1);--ink:#fff;--mut:#a3a3a3;--acc:#fff;--ob:#0b0b0b;--in:#131313;
  --a:#fff;--a2:#ccc;--a3:#a3a3a3;--a4:#fff;--on:#0b0b0b;--ar:255,255,255;--ar3:204,204,204;
  --c1:#fff;--c3:#ccc;--c6:#a3a3a3;--r1:10px;--r2:16px;--r3:16px;
  --maxw:1280px;--pad:max(24px,calc((100vw - var(--maxw))/2))
}
html{background:#0b0b0b!important}
html body{background:#0b0b0b!important;color:#fff!important;font-family:var(--fy-font)!important;font-weight:400;-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","tnum"}
html body::before,html body::after{display:none!important}
html body *{font-family:var(--fy-font)}
html body ::selection{background:#fff;color:#0b0b0b}
html body *{scrollbar-color:#525252 transparent}

/* ---- etiquetas pequeñas (eyebrows, metadatos) ---- */
html body .kick,html body .bp-h,html body .lhp small,html body .ltm h5,html body .ft-col h4,html body .shst span,html body .pf2-k,html body .lv-pn small,html body .ch-day span,html body .cc-k,html body .gl,html body .lt th{
  text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:500;color:#a3a3a3}

/* ---- botones: píldora fantasma con halo ---- */
html body .btn,html body button.btn,html body a.btn{border-radius:99px!important;font:500 14px/1 var(--fy-font)!important;letter-spacing:0!important;text-transform:none!important;min-height:40px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:#0b0b0b!important;color:#fff!important;border:0!important;box-shadow:0 1px 0 rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.14)!important;transition:box-shadow .2s,background .2s,transform .15s!important}
html body .btn:hover{background:#191919!important;box-shadow:0 1px 0 rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.3),0 0 14px rgba(255,255,255,.22)!important;transform:none!important}
html body .btn.hot{background:#0b0b0b!important;color:#fff!important;box-shadow:0 1px 0 rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.35),0 0 14px rgba(255,255,255,.22)!important}
html body .btn.hot:hover{background:#191919!important;box-shadow:0 1px 0 rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.6),0 0 22px rgba(255,255,255,.3)!important}
html body .btn.hot::after{display:none!important}
html body .btn.o,html body .btn.g{background:transparent!important;color:#ccc!important;box-shadow:0 0 0 1px rgba(255,255,255,.14)!important}
html body .btn.o:hover,html body .btn.g:hover{color:#fff!important;background:rgba(255,255,255,.04)!important;box-shadow:0 0 0 1px rgba(255,255,255,.3)!important}
html body .btn.s{min-height:32px;padding:0 14px;font-size:13px!important}
html body .btn:disabled{opacity:.4}
html body .btn:focus-visible,html body button:focus-visible,html body a:focus-visible{outline:2px solid #ffffff;outline-offset:2px}

/* ---- cabecera ---- */
html body header.nav{background:rgba(9,9,9,.97)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:0!important;border-bottom:1px solid transparent!important;height:64px!important;box-shadow:none!important;padding-left:var(--pad)!important;padding-right:var(--pad)!important;gap:20px!important}
html body header.nav.sc{border-bottom-color:rgba(255,255,255,.07)!important}
html body .logo{color:#fff!important;gap:10px}
html body .lg-i{width:30px!important;height:30px!important;border-radius:8px!important;box-shadow:0 0 0 1px rgba(255,255,255,.12)!important;border:0!important}
html body .lg-t b,html body header.nav .lg-t b,html body .ft .lg-t b{color:#fff!important;font:600 15px/1 var(--fy-font)!important;letter-spacing:-.01em!important}
html body .lg-t small{display:none!important}
html body header.nav a.l,html body header.nav .nv{color:#a3a3a3!important;font:500 13px var(--fy-font)!important;border-radius:99px;padding:8px 14px;border-bottom:1px solid transparent;transition:color .2s}
html body header.nav a.nv:hover{color:#fff!important}
html body header.nav a.nv.on{color:#fff!important;border-bottom-color:#ffffff}
html body .gbtn{color:#ccc!important;font:500 13px var(--fy-font)!important}
html body .search{background:#131313!important;border:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.1)!important;border-radius:99px!important;height:38px;max-width:360px}
html body .search input{color:#fff!important;font:400 14px var(--fy-font)!important;background:transparent!important}
html body .search input::placeholder{color:#a3a3a3!important}
html body .search span{color:#a3a3a3!important}
html body .msgb,html body .cartb,html body .mebtn{background:#131313!important;color:#fff!important;border:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.12)!important;border-radius:99px!important}
html body .msgb:hover,html body .cartb:hover,html body .mebtn:hover{box-shadow:0 0 0 1px rgba(255,255,255,.3),0 0 14px rgba(255,255,255,.15)!important}
html body .cartb i,html body .msgb i.on{background:#fff!important;color:#0b0b0b!important}
html body .me i{background:#fff!important;color:#0b0b0b!important}
html body .mebtn span,html body .mebtn em,html body header.nav .cartb,html body header.nav .cartb span,html body header.nav .cartb svg{color:#fff!important;opacity:1!important}
html body .dd{background:#191919!important;border:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 0 44px rgba(0,0,0,.8)!important;border-radius:16px!important}
html body .dd a,html body .dd button{color:#ccc!important;border-radius:10px!important;font:500 14px var(--fy-font)!important}
html body .dd a:hover,html body .dd button:hover{background:rgba(255,255,255,.06)!important;color:#fff!important}
html body .dh b{color:#fff!important}html body .dh small{color:#a3a3a3!important}
html body .role{background:rgba(255,255,255,.07)!important;color:#ccc!important}
html body .skip{background:#fff!important;color:#0b0b0b!important;border-radius:99px!important}

/* ---- hero ---- */
html body .sh{background:transparent!important;border:0!important}
html body .kick{display:inline-flex!important;justify-content:center;align-items:center;gap:8px;color:#ccc!important;background:#131313!important;border:0!important;padding:6px 12px!important;margin:0 0 22px!important;border-radius:99px!important;box-shadow:0 0 0 1px rgba(255,255,255,.1)!important;animation:none!important;font-size:11px!important;letter-spacing:.07em!important}
html body .kick::before{content:"";display:block!important;width:6px;height:6px;border-radius:50%;background:#ffffff;box-shadow:0 0 8px #ffffff;position:static!important;opacity:1!important}
html body .kick::after{display:none!important}
html body .sh h1{font:700 clamp(40px,5.4vw,54px)/1.02 var(--fy-font)!important;letter-spacing:-.01em!important;color:#fff!important;margin:0 0 22px!important;text-wrap:balance}
html body .sh h1 em{font-style:normal!important;background:linear-gradient(97deg,#ffffff 8%,#b5b5b5 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}
html body .rotl,html body .rotw{color:#fff!important}
html body .sh-p{color:#a3a3a3!important;font:400 16px/1.55 var(--fy-font)!important}
html body .shf{background:#131313!important;border:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 0 44px rgba(0,0,0,.8)!important;border-radius:99px!important}
html body .shq{background:transparent!important;border:0!important;box-shadow:none!important;color:#a3a3a3!important}
html body .shq input,html body .shf select,html body .shb{background:#191919!important;color:#fff!important;border:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.08)!important;border-radius:99px!important;font:400 14px var(--fy-font)!important;height:42px;padding-left:16px}
html body .shq input{box-shadow:none!important;background:transparent!important}
html body .shq kbd{background:rgba(255,255,255,.08)!important;color:#a3a3a3!important;border:0!important;border-radius:6px!important}
html body .shf select option{color:#fff;background:#191919}
html body .shs{background:#191919!important;border:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 0 44px rgba(0,0,0,.8)!important;border-radius:16px!important;color:#fff!important}
html body .shp{color:#a3a3a3!important}
html body .shp span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#a3a3a3!important}
html body .shp button,html body .shp a{background:transparent!important;color:#ccc!important;box-shadow:0 0 0 1px rgba(255,255,255,.14)!important;border:0!important;border-radius:99px!important;font:500 13px var(--fy-font)!important;padding:6px 14px!important}
html body .shp button:hover,html body .shp a:hover{color:#fff!important;box-shadow:0 0 0 1px rgba(255,255,255,.35)!important}
html body .shst>div{border:0!important}
html body .shst b{font:700 34px/1.05 var(--fy-font)!important;letter-spacing:-.01em!important;color:#fff!important;-webkit-text-fill-color:#fff!important}

html body .sf{padding:22px!important}

/* ---- creadores / varios ---- */
html body .pd{background:#191919!important;box-shadow:0 0 0 1px rgba(255,255,255,.08)!important;border:0!important}
html body .prods .pd.cc{background:none!important;box-shadow:none!important}
html body .cr{background:transparent!important}
html body .chart .cr.ft,html body .chart .cr{background:none!important;box-shadow:none!important;border:0!important}

/* ---- cierre ---- */
html body .cta{background:#191919!important;background-image:radial-gradient(500px 220px at 0% 100%,rgba(255,255,255,.10),transparent 70%)!important;border:0!important;border-radius:32px!important;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 0 44px rgba(0,0,0,.8)!important;color:#fff!important}
html body .cta h2,html body .cta h3,html body .cta b{color:#fff!important;font:700 clamp(26px,3vw,38px)/1.05 var(--fy-font)!important;letter-spacing:-.01em!important;background:none!important;-webkit-text-fill-color:#fff!important}
html body .cta p,html body .cta small{color:#a3a3a3!important}
html body .cta .btn{background:#fff!important;color:#0b0b0b!important;box-shadow:0 0 14px rgba(255,255,255,.25)!important}
html body .cta::before,html body .cta::after{display:none!important}

/* ---- pie ---- */
html body footer.ft{background:transparent!important;border:0!important;border-top:1px solid rgba(255,255,255,.07)!important;margin-top:100px!important;color:#a3a3a3!important}
html body footer.ft::before,html body footer.ft::after{display:none!important}
html body .ft p,html body .ft-bot,html body .ft-bot span,html body .ft a{color:#a3a3a3!important}
html body .ft a:hover{color:#fff!important}
html body .ft-col h4{color:#fff!important}
html body .ft-bot{border-top:1px solid rgba(255,255,255,.07)!important}
html body .pays b{color:#fff!important}

/* ---- reproductor inferior ---- */
html body .bar{background:rgba(25,25,25,.92)!important;backdrop-filter:blur(20px)!important;border:0!important;border-top:1px solid rgba(255,255,255,.08)!important;box-shadow:0 0 44px rgba(0,0,0,.8)!important;color:#fff!important}
html body .bar b,html body .bar #bT{color:#fff!important}html body .bar small,html body .bar span{color:#a3a3a3!important}
html body .bar button:not(.play):not(.btn){color:#ccc!important}
html body .bar .play,html body #bP{background:#fff!important;color:#0b0b0b!important}

/* ---- barra inferior móvil: dock en píldora ---- */
html body .tabbar{background:rgba(25,25,25,.92)!important;backdrop-filter:blur(20px)!important;border:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 0 44px rgba(0,0,0,.8)!important;border-radius:99px!important;left:12px!important;right:12px!important;bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;width:auto!important}
html body .tabbar button{color:#a3a3a3!important}html body .tabbar button.on{color:#fff!important}
html body .tbi{background:rgba(255,255,255,.08)!important;box-shadow:none!important;border-radius:99px!important}

/* ---- avisos ---- */
html body .toast{background:#191919!important;color:#fff!important;border-radius:99px!important;box-shadow:0 0 0 1px rgba(255,255,255,.14),0 0 44px rgba(0,0,0,.8)!important;font:500 14px var(--fy-font)!important}
html body .toast *{color:#fff!important}
html body .cb{background:#191919!important;color:#fff!important;border:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 0 44px rgba(0,0,0,.8)!important;border-radius:16px!important}
html body .cb p,html body .cb-t b{color:#ccc!important}html body .cb-t b{color:#fff!important}html body .cb a{color:#fff!important}
html body .cb-tag{background:rgba(255,255,255,.07)!important;color:#a3a3a3!important;border:0!important}

/* ===== páginas internas: beat, perfil, legal ===== */
html body main#beat,html body main#prof,html body main#legalv,html body main#home{background:transparent!important}
html body .det{background:none!important;padding-top:48px!important;max-width:1200px;margin:0 auto}
html body .bp-side,html body .bp-w,html body .lcard,html body .lv-b{background:#191919!important;background-image:none!important;border:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.07),0 0 44px rgba(0,0,0,.7)!important;border-radius:16px!important}
html body .bp-cv{border:0!important;border-radius:12px!important;box-shadow:0 0 0 1px rgba(255,255,255,.1)!important}
html body .bp-cv .play{background:#fff!important;color:#0b0b0b!important;box-shadow:0 0 14px rgba(255,255,255,.3)!important}
html body .bp-side h1{font:700 26px/1.1 var(--fy-font)!important;letter-spacing:-.01em!important;color:#fff!important;text-align:left!important}
html body .bp-side .by{text-align:left!important;color:#a3a3a3!important}html body .bp-side .by a{color:#fff!important;font-weight:500!important}
html body .bp-side .meta{justify-content:flex-start!important;color:#a3a3a3!important;font:500 11px var(--fy-font)!important;text-transform:uppercase;letter-spacing:.06em}
html body .bp-side .meta b{color:#fff!important;font-weight:600!important}
html body .bp-h{border-top:1px solid rgba(255,255,255,.07)!important}
html body .bp-side .pc{background:none!important}html body .pc b{color:#fff!important}html body .pc small{color:#a3a3a3!important}
html body .pc img{border-radius:10px!important}
html body .tags span,html body .tags a{background:transparent!important;color:#ccc!important;box-shadow:0 0 0 1px rgba(255,255,255,.12)!important;border:0!important;border-radius:99px!important;font:500 12px var(--fy-font)!important}
/* onda */
html body .wave i{background:rgba(255,255,255,.18)!important;box-shadow:none!important}
html body .wave:hover i:not(.on){background:rgba(255,255,255,.3)!important}
html body .wave i.on{background:linear-gradient(180deg,#fff,#ccc)!important;box-shadow:0 0 12px rgba(255,255,255,.25)!important}
html body .wave .wph{background:#fff!important;box-shadow:0 0 16px rgba(255,255,255,.7)!important}
html body .wave::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent)!important}
html body .wave .wtip{background:#fff!important;color:#0b0b0b!important;border-radius:99px!important}
html body .wvt,html body .wvt span{color:#a3a3a3!important;font:500 11px var(--fy-font)!important}
/* licencias */
html body .lcard .lh{border-bottom:1px solid rgba(255,255,255,.07)!important}
html body .lcard .lh h3,html body .ut-h h3{font:700 24px var(--fy-font)!important;letter-spacing:-.01em!important;color:#fff!important}
html body .lhp small{color:#a3a3a3!important}html body .lhp b{color:#fff!important;font:700 26px var(--fy-font)!important;letter-spacing:-.01em}
html body .lk{background:#131313!important;border:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.08)!important;border-radius:16px!important;color:#fff!important}
html body .lk:hover{box-shadow:0 0 0 1px rgba(255,255,255,.25)!important;transform:none!important}
html body .lk.on{box-shadow:0 0 0 1px #fff,0 0 14px rgba(255,255,255,.2)!important;background:#131313!important}
html body .lk b{color:#fff!important;font:600 15px var(--fy-font)!important}html body .lk strong{color:#fff!important;font:700 17px var(--fy-font)!important;letter-spacing:-.01em}html body .lk small{color:#a3a3a3!important}
html body .lk-s{background:#fff!important}html body .lk-s::after{border-color:#0b0b0b!important}
html body .ut{border-top:1px solid rgba(255,255,255,.07)!important}
html body .ut h4{color:#fff!important;font:600 15px var(--fy-font)!important}
html body .tf{color:#ccc!important}html body .tf svg{color:#fff!important}
html body .tf.no{color:#ff8a8a!important}
html body .ltm h5{color:#a3a3a3!important}html body .ltm p,html body .lw .ltm p{color:#ccc!important}
html body .lnr{background:#131313!important;border:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.08)!important;border-radius:12px!important;color:#ccc!important}
html body .lnr b{color:#fff!important}
html body .help{color:#fff!important}
html body .h3,html body #mpW h3{font:700 24px var(--fy-font)!important;letter-spacing:-.01em!important;color:#fff!important}
/* perfil */
html body .pf2-av img{border:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 0 44px rgba(0,0,0,.8)!important;border-radius:24px!important}
html body .pf2-b h1{font:700 clamp(36px,5vw,54px)/1 var(--fy-font)!important;letter-spacing:-.01em!important;color:#fff!important}
html body .pf2-g,html body .pf2-bio{color:#a3a3a3!important}
html body .pf2-k{color:#a3a3a3!important}
html body .pf2-st>span,html body .pf2-st>a{background:transparent!important;border:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.12)!important;color:#ccc!important;border-radius:99px!important;font:500 13px var(--fy-font)!important}
html body .pf2-st b{color:#fff!important}
html body .pf2-h{font:700 24px var(--fy-font)!important;letter-spacing:-.01em!important;color:#fff!important}
html body #pFol:not(.o){background:#0b0b0b!important;color:#fff!important;box-shadow:0 0 0 1px rgba(255,255,255,.35),0 0 14px rgba(255,255,255,.2)!important}
/* legal */
html body .lv h1{font:700 clamp(36px,5vw,54px)/1 var(--fy-font)!important;letter-spacing:-.01em!important;color:#fff!important}
html body .lv-n a{color:#a3a3a3!important;border:0!important;border-radius:99px!important;font:500 14px var(--fy-font)!important}
html body .lv-n a:hover{background:rgba(255,255,255,.05)!important;color:#fff!important;transform:none!important}
html body .lv-n a.on{background:transparent!important;color:#fff!important;box-shadow:inset 0 -1px 0 #ffffff!important;border-radius:0!important}
html body .lv-b .lg-b h4{color:#fff!important;font:600 16px var(--fy-font)!important}
html body .lv-b .lg-b p,html body .lv-b .lg-b li,html body .lg-b{color:#ccc!important}
html body .lg-b b{color:#fff!important}
html body .lg-n{background:#131313!important;border:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.08)!important;color:#a3a3a3!important;border-radius:12px!important}
html body .lv-pn a{background:#131313!important;border:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.08)!important;color:#fff!important;border-radius:16px!important}
html body .lv-pn a:hover{box-shadow:0 0 0 1px rgba(255,255,255,.25)!important;background:#131313!important;transform:none!important}
html body .lg-b a{color:#fff!important;text-decoration:underline}

/* ===== modales, auth, carrito, chat ===== */
html body .md{background:rgba(0,0,0,.8)!important;backdrop-filter:blur(4px)!important}
html body .md .box,html body .md .au{background:#191919!important;color:#fff!important;border:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 0 44px rgba(0,0,0,.8)!important;border-radius:16px!important}
html body .md .box h3,html body .md .box h4,html body .md .box b{color:#fff!important}
html body .md .box p,html body .md .box li,html body .md .box small,html body .md .box td,html body .md .box th{color:#ccc!important}
html body .md .box a{color:#fff!important}
html body .lg-h{border-bottom:1px solid rgba(255,255,255,.07)!important}html body .lg-h h3{font:700 22px var(--fy-font)!important;letter-spacing:-.01em!important}
html body .au-x,html body .au-x2,html body .ch-x{background:#131313!important;color:#fff!important;border:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.12)!important;border-radius:99px!important}
html body .au-x:hover,html body .au-x2:hover,html body .ch-x:hover{box-shadow:0 0 0 1px rgba(255,255,255,.3)!important;background:#131313!important}
html body .au-l{background:#131313!important;background-image:radial-gradient(400px 260px at 0% 100%,rgba(255,255,255,.12),transparent 70%)!important;color:#fff!important;border-right:1px solid rgba(255,255,255,.07)!important}
html body .au-l *{color:#fff!important}html body .au-l p,html body .au-l li,html body .au-l small{color:#a3a3a3!important}
html body .au-l h2,html body .au-l h3{font:700 30px/1.05 var(--fy-font)!important;letter-spacing:-.01em!important;color:#fff!important}
html body .au-l::before,html body .au-l::after,html body .au::before,html body .au::after,html body .au-r::before,html body .au-r::after{display:none!important}
html body .orb,html body .o1,html body .o2{display:none!important}
html body .au-brand img,html body .au-brand .lg-i{border-radius:8px!important}
html body .au-covs img{border-radius:10px!important;box-shadow:0 0 0 1px rgba(255,255,255,.12)!important}
html body .au-covs{filter:none!important}
html body .au-r{background:#191919!important}
html body .au-tabs,html body .aut{background:#131313!important;border:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.08)!important;border-radius:99px!important;padding:3px!important}
html body .au-tabs button,html body .aut button{color:#a3a3a3!important;border-radius:99px!important;font:500 14px var(--fy-font)!important;background:transparent!important}
html body .au-tabs button.on,html body .aut button.on{background:#262626!important;color:#fff!important;box-shadow:none!important}
html body .fl2 input,html body .fl2 textarea,html body .fl2 select,html body .md textarea,html body .md input[type=text],html body .md input[type=email],html body .md input[type=password],html body .md input[type=number]{background:#131313!important;color:#fff!important;border:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.1)!important;border-radius:12px!important;font:400 14px var(--fy-font)!important}
html body .fl2 input:focus,html body .fl2 textarea:focus,html body .md textarea:focus,html body .md input:focus{box-shadow:0 0 0 1px #ffffff!important;outline:0}
html body .fl2 label{color:#a3a3a3!important;font:400 14px var(--fy-font)!important}
html body .fl2 input:not(:placeholder-shown)~label,html body .fl2 input:focus~label{color:#a3a3a3!important}
html body .chk2,html body .chk2 span{color:#ccc!important}
html body .chk2 a,html body .chk2 span a{color:#fff!important;text-decoration:underline!important}
html body .err,html body p.err{color:#ff8a8a!important}
/* carrito */
html body .cart{background:#131313!important;border:0!important;color:#fff!important;box-shadow:none!important}
html body .cart.on{box-shadow:-1px 0 0 rgba(255,255,255,.08),-30px 0 80px rgba(0,0,0,.7)!important}
html body .cart-bg{background:rgba(0,0,0,.7)!important;backdrop-filter:blur(3px)!important}
html body .cart h3,html body .cart .ch b,html body .cart .ci b{color:#fff!important}
html body .cart .ci{border-bottom:1px solid rgba(255,255,255,.07)!important}html body .cart .ci small{color:#a3a3a3!important}
html body .cart .ci img{border-radius:10px!important}
html body #ct,html body .cart .tot{color:#fff!important}
html body .cart .cneg{border:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.14)!important;color:#fff!important;background:transparent!important;border-radius:99px!important}
html body .cagr{color:#ffffff!important}
html body .cart footer,html body .cart .cf{border-top:1px solid rgba(255,255,255,.07)!important;background:#131313!important}
/* chat */
html body .chat .ch-p{background:#131313!important;border:0!important;box-shadow:-1px 0 0 rgba(255,255,255,.08),-30px 0 80px rgba(0,0,0,.7)!important;color:#fff!important}
html body .ch-bg{background:rgba(0,0,0,.7)!important;backdrop-filter:blur(3px)!important}
html body .ch-h{background:#131313!important;border-bottom:1px solid rgba(255,255,255,.07)!important}html body .ch-h b{color:#fff!important;font-weight:600!important}html body .ch-h b small{color:#a3a3a3!important}
html body .ch-bc{background:#191919!important;border:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.08)!important;border-radius:12px!important;color:#fff!important}
html body .ch-bc:hover{box-shadow:0 0 0 1px rgba(255,255,255,.25)!important;background:#191919!important;transform:none!important}
html body .ch-bc img,html body .ch-ph{border-radius:8px!important}html body .ch-bc small{color:#a3a3a3!important}
html body .ch-day span{background:rgba(255,255,255,.06)!important;color:#a3a3a3!important;border-radius:99px!important}
html body .ch-m2{border-radius:16px!important}
html body .ch-m2.me{background:#fff!important;color:#0b0b0b!important;border:0!important}
html body .ch-m2.me *{color:#0b0b0b!important}html body .ch-m2.me small{color:#525252!important}
html body .ch-m2.ot{background:#262626!important;color:#fff!important;border:0!important}
html body .ch-m2.sys{background:transparent!important;box-shadow:0 0 0 1px rgba(255,255,255,.1)!important;color:#a3a3a3!important;border-radius:99px!important}
html body .ch-off{border:1px dashed currentColor!important;border-radius:12px!important}
html body .ch-m2.ot .ch-off b{color:#fff!important}
html body .ch-bt{border-radius:99px!important;font:500 13px var(--fy-font)!important}
html body .ch-bt.hot{background:#0b0b0b!important;color:#fff!important;border-color:#0b0b0b!important}
html body .ch-m2.ot .ch-bt.hot{background:#fff!important;color:#0b0b0b!important;border-color:#fff!important}
html body .ch-st{color:#a3a3a3!important}html body .ch-st.ok{color:#ffffff!important}html body .ch-m2.me .ch-st.ok{color:#0b0b0b!important}
html body .ch-f{background:#131313!important;border-top:1px solid rgba(255,255,255,.07)!important}
html body .ch-f textarea{background:#191919!important;color:#fff!important;border:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.1)!important;border-radius:20px!important}
html body .ch-f textarea:focus{box-shadow:0 0 0 1px #ffffff!important}
html body .ch-s{background:#fff!important;color:#0b0b0b!important;border-radius:99px!important}html body .ch-pr{background:#191919!important;color:#fff!important;box-shadow:0 0 0 1px rgba(255,255,255,.14)!important;border-radius:99px!important}
html body .ch-o select,html body .ch-o input{background:#191919!important;color:#fff!important;border:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.1)!important;border-radius:99px!important}
html body .ch-q button{border:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.14)!important;color:#fff!important;border-radius:99px!important}html body .ch-q button.on{background:#fff!important;color:#0b0b0b!important}
html body .ch-row{border-radius:14px!important}html body .ch-row:hover{background:rgba(255,255,255,.05)!important}
html body .ch-av{background:#262626!important;color:#fff!important;border-radius:12px!important}
html body .ch-t b{color:#fff!important}html body .ch-t small,html body .ch-t em,html body .ch-m{color:#a3a3a3!important}
html body .ch-row .ch-m i,html body .msgb i{background:#fff!important;color:#0b0b0b!important}
html body .ch-empty{color:#a3a3a3!important}html body .ch-empty b{color:#fff!important}
html body .ch-sr input,html body .ch-un input{background:#191919!important;color:#fff!important;border:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.1)!important;border-radius:99px!important}
html body .ch-tip,html body .ch-me{color:#a3a3a3!important}

/* ---- hoja de búsqueda móvil ---- */
html body .srch{background:#0b0b0b!important;color:#fff!important}
html body .srch *{color:inherit}
html body .srch h4,html body .srch .sl{color:#a3a3a3!important;font-size:11px!important;letter-spacing:.08em;text-transform:uppercase}
html body .srch input{background:transparent!important;color:#fff!important;border:0!important;box-shadow:none!important;font:400 15px var(--fy-font)!important}
html body .srch input::placeholder{color:#a3a3a3!important}
html body .srch form,html body .srch-top form{background:#131313!important;border:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.1)!important;border-radius:99px!important}
html body .srch button,html body .srch .chip,html body .srch a.chip{background:transparent!important;color:#ccc!important;border:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.14)!important;border-radius:99px!important;font:500 14px var(--fy-font)!important}
html body .srch button.on,html body .srch .chip.on{background:#fff!important;color:#0b0b0b!important;box-shadow:none!important}
html body .srch #srchC,html body .srch .cx{background:transparent!important;box-shadow:none!important;color:#fff!important}
html body .sr-row{background:#191919!important;box-shadow:0 0 0 1px rgba(255,255,255,.08)!important;border-radius:14px!important;color:#fff!important}
html body .sr-row b{color:#fff!important}html body .sr-row small{color:#a3a3a3!important}

/* ======================================================================
   Estudio de creadores (/creadores/)
   ====================================================================== */
html body .crh{background:transparent!important;border:0!important;padding:0!important;min-height:0!important;overflow:visible!important}
html body .crh .wvc,html body .crh::before,html body .crh::after,html body .wvc{display:none!important}
html body .crh-in{max-width:1200px;margin:0 auto;padding:88px max(24px,calc((100vw - 1200px)/2)) 56px!important;gap:56px!important;align-items:center}
html body .crh-t>*{animation:none!important}
html body .crh-t h1,html body .crh h1{font:700 clamp(40px,5.4vw,54px)/1.02 var(--fy-font)!important;letter-spacing:-.01em!important;color:#fff!important;background:none!important;-webkit-text-fill-color:#fff!important}
html body .crh h1 em{font-style:normal;background:linear-gradient(97deg,#ffffff,#8f8f8f)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}
html body .crh-t p,html body .crh p{color:#a3a3a3!important;font:400 16px/1.55 var(--fy-font)!important}
html body .kick2{color:#ccc!important}
html body .crh-s .sc,html body .sc{background:#191919!important;border:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 0 44px rgba(0,0,0,.7)!important;border-radius:16px!important;color:#fff!important}
html body .sc b,html body .sc .n{color:#fff!important;font:700 36px var(--fy-font)!important;letter-spacing:-.01em!important;-webkit-text-fill-color:#fff!important;background:none!important}
html body .sc span,html body .sc small{color:#a3a3a3!important}
html body .csn{background:rgba(11,11,11,.86)!important;backdrop-filter:blur(20px)!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.07)!important;box-shadow:none!important}
html body .csn a,html body .csn button{color:#a3a3a3!important;font:500 13px var(--fy-font)!important;border-radius:99px!important}
html body .csn a.on,html body .csn a:hover,html body .csn button.on{color:#fff!important;border-color:#ffffff!important}
html body .csn a::after,html body .csn .ind{background:#ffffff!important}
html body .how .c.hl,html body .how .c:nth-child(3){background:#191919!important}
html body .fc,html body .faq details,html body .faq .q{background:#191919!important;border:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.07),0 0 44px rgba(0,0,0,.6)!important;border-radius:16px!important;color:#fff!important}
html body .fc i{background:rgba(255,255,255,.06)!important;color:#fff!important;border-radius:10px!important}
html body .fc h3,html body .faq summary{color:#fff!important;font:600 16px var(--fy-font)!important}
html body .fc p,html body .faq p{color:#a3a3a3!important}
html body .cta2{background:#191919!important;background-image:radial-gradient(500px 220px at 0% 100%,rgba(255,255,255,.10),transparent 70%)!important;border:0!important;border-radius:32px!important;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 0 44px rgba(0,0,0,.8)!important;color:#fff!important}
html body .cta2 h2,html body .cta2 h3{color:#fff!important;font:700 clamp(26px,3vw,40px)/1.05 var(--fy-font)!important;letter-spacing:-.01em!important;-webkit-text-fill-color:#fff!important;background:none!important}
html body .cta2 p{color:#a3a3a3!important}html body .cta2 .btn{background:#fff!important;color:#0b0b0b!important;box-shadow:0 0 14px rgba(255,255,255,.25)!important}
html body .cta2::before,html body .cta2::after{display:none!important}
html body .state{background:#191919!important;border:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.08)!important;border-radius:16px!important;color:#fff!important}
html body .st-tabs{border-bottom:1px solid rgba(255,255,255,.07)!important;background:transparent!important;gap:4px!important}
html body .st-tabs button{color:#a3a3a3!important;font:500 14px var(--fy-font)!important;background:transparent!important;border:0!important;border-radius:99px!important;padding:10px 16px!important}
html body .st-tabs button.on{color:#fff!important}html body .st-tabs button:hover{background:rgba(255,255,255,.05)!important}
html body .st-ind{background:#ffffff!important;height:2px!important}
html body .panel{background:transparent!important}
html body .rh h3{font:700 24px var(--fy-font)!important;letter-spacing:-.01em!important;color:#fff!important}html body .rh p{color:#a3a3a3!important}
html body .cardx,html body .sg>div,html body .mrow,html body .upr,html body .emp2,html body .optpay,html body .payg .cardx,html body .tcard,html body .earn,html body .upl,html body .upb,html body .cm20{background:#191919!important;background-image:none!important;border:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.07),0 0 44px rgba(0,0,0,.6)!important;border-radius:16px!important;color:#fff!important}
html body .sg>div b,html body .sg b{color:#fff!important;font:700 28px var(--fy-font)!important;letter-spacing:-.01em!important}
html body .sg>div span,html body .sg span{color:#a3a3a3!important}
html body .sg .hl,html body .sg>div.hl{background:#191919!important;background-image:radial-gradient(300px 140px at 100% 0%,rgba(255,255,255,.18),transparent 70%)!important;box-shadow:0 0 0 1px rgba(255,255,255,.4)!important}
html body .lt{border-collapse:collapse}html body .lt th{border-bottom:1px solid rgba(255,255,255,.08)!important;background:transparent!important}
html body .lt td{color:#fff!important;border-bottom:1px solid rgba(255,255,255,.06)!important}
html body .mrow b{color:#fff!important}html body .mrow small{color:#a3a3a3!important}
html body .pill2{background:rgba(255,255,255,.07)!important;color:#ccc!important;border:0!important;border-radius:99px!important;font-size:11px!important}
html body .pill2.ok{background:rgba(255,255,255,.15)!important;color:#ffffff!important}
html body .bars .bar i{background:linear-gradient(180deg,#fff,rgba(255,255,255,.2))!important}
html body .hb div{background:rgba(255,255,255,.08)!important}html body .hb div i{background:#fff!important}
html body .fileb,html body .drop,html body .upf .fileb{background:#131313!important;border:1px dashed rgba(255,255,255,.2)!important;border-radius:12px!important;color:#ccc!important}
html body #cvDrop{background:#131313!important}
html body .upf{background:transparent!important;border:0!important;box-shadow:none!important}
html body .drop b,html body .fileb b{color:#fff!important}html body .drop span,html body .fileb span,html body .fileb small{color:#a3a3a3!important}
html body .upr h4,html body .upl h4,html body .upb h4,html body .panel h4,html body .cardx h4,html body .upf h4{color:#fff!important;font:600 14px var(--fy-font)!important;letter-spacing:-.01em!important;text-transform:none!important;-webkit-text-fill-color:#fff!important}
html body .upf h4 small,html body .panel h4 small{color:#a3a3a3!important;font-weight:400!important}
html body .cm20 p,html body .upl small,html body .upr small,html body .upb small{color:#a3a3a3!important}html body .cm20 b{color:#fff!important}
html body .earn{background:#131313!important}
html body .tcard textarea,html body textarea{background:#131313!important;color:#fff!important;border:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.1)!important;border-radius:12px!important}
html body .tc-note{background:#131313!important;border:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.08)!important;color:#ccc!important;border-radius:12px!important}html body .tc-note b{color:#fff!important}
html body .gchips button{background:transparent!important;color:#ccc!important;border:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.14)!important;border-radius:99px!important;font:500 13px var(--fy-font)!important}
html body .gchips button:hover{box-shadow:0 0 0 1px rgba(255,255,255,.35)!important}
html body .gchips button.on{background:#fff!important;color:#0b0b0b!important;box-shadow:none!important}
html body .avp{background:#131313!important;border:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.12)!important;border-radius:16px!important;color:#fff!important}html body .avp img{border-radius:16px!important}
html body .bar2{background:rgba(255,255,255,.1)!important}html body .bar2 i{background:#fff!important}
html body .mut,html body .msg{color:#a3a3a3!important}
html body .tc-h b{color:#fff!important}html body .tc-h small,html body .tc-f small{color:#a3a3a3!important}
html body .state b,html body .emp2 b{color:#fff!important}
html body .two input,html body .three input,html body .fl2.up-f input{background:#131313!important;color:#fff!important}

/* ======================================================================
   Fondo con difuminado (para que no se vea tan negro) y movimiento
   ====================================================================== */
html{background:#050505!important}
html body::before{content:"";display:block!important;position:fixed;inset:0;z-index:-2;pointer-events:none;transform:translateZ(0);
  background:
   radial-gradient(85vw 65vh at 6% -8%,rgba(150,160,190,.09),rgba(150,160,190,.03) 45%,transparent 75%),
   radial-gradient(70vw 60vh at 100% 28%,rgba(255,255,255,.045),rgba(255,255,255,.015) 50%,transparent 78%),
   radial-gradient(80vw 60vh at 0% 78%,rgba(255,255,255,.035),rgba(255,255,255,.012) 50%,transparent 78%),
   radial-gradient(70vw 55vh at 92% 108%,rgba(150,160,190,.05),transparent 75%),
   linear-gradient(180deg,#0a0b0d 0%,#050505 50%,#030303 100%)!important}
/* grano fino: evita las bandas del degradado */
html body::after{content:"";display:block!important;position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.05;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .9 0'/></filter><rect width='200' height='200' filter='url(%23n)'/></svg>")}
html body main#beat::before,html body main#prof::before,html body main#home::before,html body main#legalv::before{display:none!important}
html body{background:transparent!important}
html body header.nav{background:rgba(13,14,17,.72)!important}
html body .bp-side,html body .bp-w,html body .lcard,html body .lv-b,html body .sf,html body .how .c,html body .fc,html body .cardx,html body .sg>div,html body .mrow,html body .upl,html body .upr,html body .upb,html body .tcard{background:rgba(25,25,25,.86)!important;backdrop-filter:blur(10px)}

/* ---- movimiento ---- */
/* tarjetas de beats: elevación suave con halo */
html body .tile,html body .chart .cr.ft,html body .prods .pd.cc{transition:transform .45s cubic-bezier(.2,.8,.2,1)!important}
@media(hover:hover){
 html body .tile:hover,html body .chart .cr.ft:hover,html body .prods .pd.cc:hover{transform:translateY(-6px)!important}
 html body .tile:hover .im,html body .chart .cr.ft:hover .ft-c,html body .prods .pd.cc:hover .ft-c{box-shadow:0 0 0 1px rgba(255,255,255,.22),0 24px 60px rgba(0,0,0,.85),0 0 40px rgba(255,255,255,.10)!important}
}
html body .tile .im,html body .ft-c{transition:box-shadow .45s}
/* reflejo que sigue al cursor en tarjetas */
html body .sf,html body .how .c,html body .lk,html body .fc{position:relative;overflow:hidden}
html body .sf::after,html body .how .c::after,html body .lk::after,html body .fc::after{content:"";position:absolute;inset:0;background:radial-gradient(240px circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.07),transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none;display:block!important}
html body .sf:hover::after,html body .how .c:hover::after,html body .lk:hover::after,html body .fc:hover::after{opacity:1}
/* entrada escalonada de rejillas */
html body .sf-g .sf,html body .how .c,html body .fgrid .fc{animation:fyin .7s cubic-bezier(.2,.8,.2,1) backwards!important}
html body .sf-g .sf:nth-child(2),html body .how .c:nth-child(2),html body .fgrid .fc:nth-child(2){animation-delay:.07s!important}
html body .sf-g .sf:nth-child(3),html body .how .c:nth-child(3),html body .fgrid .fc:nth-child(3){animation-delay:.14s!important}
html body .sf-g .sf:nth-child(4),html body .how .c:nth-child(4),html body .fgrid .fc:nth-child(4){animation-delay:.21s!important}
html body .sf-g .sf:nth-child(5),html body .fgrid .fc:nth-child(5){animation-delay:.28s!important}
html body .sf-g .sf:nth-child(6),html body .fgrid .fc:nth-child(6){animation-delay:.35s!important}
/* hero: tarjeta flotante y onda viva */
@keyframes fypulse{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.35)}50%{box-shadow:0 0 0 6px rgba(255,255,255,0)}}
html body .kick::before{animation:fypulse 2.4s ease-in-out infinite!important}
html body .sh h1,html body .sh-p,html body .shf,html body .shp{animation:fyin .8s cubic-bezier(.2,.8,.2,1) backwards!important}
html body .sh-p{animation-delay:.08s!important}html body .shf{animation-delay:.16s!important}html body .shp{animation-delay:.24s!important}
/* botones: brillo que se enciende */
html body .btn,html body .tile .buy .pr,html body .chart .ft-p{position:relative}
html body header.nav a.nv{position:relative}
html body header.nav a.nv::after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:1px;background:#ffffff;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
html body header.nav a.nv:hover::after{transform:scaleX(1)}
html body header.nav a.nv.on{border-bottom-color:transparent}html body header.nav a.nv.on::after{transform:scaleX(1)}
html body .view-in{animation:fyin .45s cubic-bezier(.2,.8,.2,1) both!important}
@media(prefers-reduced-motion:reduce){html body .kick::before,html body .sf-g .sf,html body .how .c,html body .fgrid .fc,html body .sh h1,html body .sh-p,html body .shf,html body .shp,html body .view-in{animation:none!important}}

/* titular del hero: palabra destacada en ámbar y palabra rotativa en la misma línea */
html body .sh h1,html body .crh h1,html body .pf2-b h1,html body .lv h1{letter-spacing:-.01em!important}
html body .sh h1 em{background:none!important;-webkit-text-fill-color:initial!important;color:inherit!important}
html body .sh h1 em .hw>span,html body .crh h1 em{background:linear-gradient(97deg,#ffffff 0%,#e6e6e6 55%,#b5b5b5 120%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}
html body .sh h1 .rotl{display:inline-block!important;height:auto!important}
html body .sh h1 .rotw{color:#fff!important;-webkit-text-fill-color:#fff!important}


/* ======================================================================
   Escala para pantallas grandes, iconos y más movimiento
   ====================================================================== */
html body .det,html body .crh-in{max-width:var(--maxw)!important}
html body .crh-in{padding-left:var(--pad)!important;padding-right:var(--pad)!important}
html body .sh-in{max-width:min(var(--maxw),1320px)!important;margin:0 auto;padding-top:104px!important}
/* rejillas: 5 columnas (6 y 7 en pantallas grandes) con tarjetas más grandes */
@media(min-width:1101px){
  html body .chart,html body #prods.prods{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:22px!important}
  html body .chart:not(.all) .cr:nth-child(n+6){display:none!important}
  html body #prods.prods .pd.cc:nth-child(n+6){display:none!important}
}
/* botón de precio: una sola línea y con icono más grande */
html body .chart .ft-p,html body .prods .pd.cc .ft-p,html body .tile .buy .pr{white-space:nowrap;gap:10px;font-size:15px!important;height:44px!important}
html body .chart .ft-p span,html body .tile .buy .pr span{white-space:nowrap}
html body .chart .ft-p svg,html body .tile .buy .pr svg{width:18px;height:18px;flex:none;stroke-width:1.8}
html body .tile .hv svg,html body .hv svg{width:20px;height:20px}
html body .tile .buy .ng svg{width:17px;height:17px}
html body .tile .play svg,html body .tile .pb svg,html body .bp-cv .play svg{width:22px;height:22px}
/* iconos de la cabecera y del dock */
html body .msgb svg,html body .cartb svg{width:21px;height:21px;stroke-width:1.8}
html body .tabbar button svg{width:24px;height:24px;stroke-width:1.7}
html body .tabbar button span{font-size:11px;font-weight:500;letter-spacing:.01em}
html body .search svg{width:18px;height:18px}
html body .sf i svg{width:26px;height:26px;stroke-width:1.6}
html body .sf i{width:52px!important;height:52px!important}
html body .kk-l i svg{width:30px;height:30px}
html body .tf svg{width:24px;height:24px;stroke-width:1.6}
html body .ch-x svg,html body .au-x svg{width:18px;height:18px}
/* movimiento: luces del fondo que respiran, botones con elevación, iconos con rebote */

@keyframes fyd{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-1.5%,1%,0) scale(1.04)}100%{transform:translate3d(1.5%,-1%,0) scale(1.02)}}
@media(hover:hover){
  html body .btn:hover,html body .tile .buy .pr:hover,html body .chart .ft-p:hover,html body .msgb:hover,html body .cartb:hover{transform:translateY(-2px)!important}
  html body .btn:active,html body .tile .buy .pr:active,html body .chart .ft-p:active{transform:translateY(0) scale(.98)!important}
  html body .tile .hv:hover svg,html body .hv:hover svg{transform:scale(1.18)}
  html body .msgb:hover svg{transform:rotate(-8deg) scale(1.1)}html body .cartb:hover svg{transform:translateX(2px) rotate(-6deg)}
  html body .sf:hover i,html body .fc:hover i{transform:translateY(-3px) rotate(-4deg)}
  html body .tabbar button:hover svg{transform:translateY(-2px)}
}
html body .msgb svg,html body .cartb svg,html body .hv svg,html body .sf i,html body .fc i,html body .tabbar button svg{transition:transform .35s cubic-bezier(.22,1,.36,1)}
html body .tabbar button.on svg{animation:fybob .5s cubic-bezier(.22,1,.36,1)}
@keyframes fybob{0%{transform:translateY(0) scale(1)}40%{transform:translateY(-4px) scale(1.15)}100%{transform:none}}
html body .hv.pop svg{animation:heart .5s cubic-bezier(.22,1,.36,1)!important}
html body .shst b{animation:fyin .8s cubic-bezier(.2,.8,.2,1) backwards}
html body .tile .im img,html body .ft-c img{transition:transform .9s cubic-bezier(.2,.8,.2,1)!important}
@media(hover:hover){html body .tile:hover .im img,html body .chart .cr.ft:hover .ft-c img,html body .prods .pd.cc:hover .ft-c img{transform:scale(1.07)!important}}
@media(prefers-reduced-motion:reduce){html body::before{animation:none!important}html body .tabbar button.on svg{animation:none!important}}
html body section.row,html body main>section,html body .kick2{max-width:none!important;margin-left:0!important;margin-right:0!important;width:auto!important}
html body #home>.cta,html body .cta{max-width:calc(var(--maxw) - 2*24px)!important;margin-left:auto!important;margin-right:auto!important}
html body footer.ft,html body .ft-top,html body .ft-bot{max-width:none!important}
html body .ft-top,html body .ft-bot{padding-left:var(--pad)!important;padding-right:var(--pad)!important}

/* pantallas grandes: se amplía todo con zoom */
@media(min-width:1500px){:root{zoom:1.08;--pad:max(24px,calc((100vw/1.08 - var(--maxw))/2))}}
@media(min-width:1800px){:root{zoom:1.25;--pad:max(24px,calc((100vw/1.25 - var(--maxw))/2))}}
@media(min-width:2200px){:root{zoom:1.5;--pad:max(24px,calc((100vw/1.5 - var(--maxw))/2))}}

/* ---- v14: centrado, logo, «Ver más» en la esquina y más movimiento ---- */
html body .sh-in{text-align:center!important;display:flex!important;flex-direction:column;align-items:center}
html body .sh h1{margin-left:auto!important;margin-right:auto!important;max-width:1000px;text-align:center!important}
html body .sh-p{max-width:680px;margin-left:auto!important;margin-right:auto!important;text-align:center!important}
html body .shf,html body .shp,html body .shst{margin-left:auto!important;margin-right:auto!important}
html body .shp,html body .shp #shP{justify-content:center}
html body .shst{width:100%}html body .shst>div{text-align:center!important}
html body .row .hd{justify-content:center!important;border-bottom:0!important;text-align:center}
html body .row .hd h2{text-align:center;width:auto!important;animation:fyin .9s cubic-bezier(.2,.8,.2,1) backwards!important}
html body .row>.hsub{display:block;width:100%;padding:0!important;text-align:center!important;margin:6px 0 28px!important;max-width:none!important}
html body .hd.hd-vm{position:relative;display:flex;justify-content:center;align-items:center}
html body .row .hd.hd-vm h2{margin:0 auto!important}
html body .vm-c{position:absolute;right:0;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:8px;white-space:nowrap;background:#131313;color:#fff;border:0;border-radius:99px;padding:10px 18px;font:600 14px var(--fy-font);cursor:pointer;box-shadow:0 0 0 1px rgba(255,255,255,.14),0 0 28px rgba(0,0,0,.8);transition:box-shadow .25s,gap .25s,background .25s}
html body .vm-c:hover{gap:14px;background:#1c1c1c;box-shadow:0 0 0 1px rgba(255,255,255,.4),0 0 28px rgba(0,0,0,.8)}
@media(max-width:640px){html body .vm-c{padding:8px 13px;font-size:13px}}
html body .logo{gap:12px}
html body .lg-i{width:44px!important;height:44px!important;border-radius:11px!important;transition:transform .5s cubic-bezier(.2,.8,.2,1)!important}
html body .logo:hover .lg-i{transform:rotate(-8deg) scale(1.1)}
html body .lg-t{display:flex;flex-direction:column;gap:4px}
html body .lg-t b,html body header.nav .lg-t b{font-size:19px!important}
html body header.nav .lg-t small,html body .ft .lg-t small{display:block!important;font:500 9.5px/1 var(--fy-font);letter-spacing:.22em;text-transform:uppercase;color:#a3a3a3!important}
/* tarjetas centradas aunque haya pocas */
html body #sChart .chart,html body #sProds .prods{display:flex!important;flex-wrap:wrap;justify-content:center;gap:18px!important}
html body #sChart .chart .cr,html body #sProds .prods .pd{flex:0 0 calc((100% - 5*18px)/6)!important;max-width:calc((100% - 5*18px)/6)}
@media(min-width:1101px) and (max-width:1399px){html body #sChart .chart .cr,html body #sProds .prods .pd{flex-basis:calc((100% - 3*18px)/4)!important;max-width:calc((100% - 3*18px)/4)}}
@media(max-width:1100px){html body #sChart .chart .cr,html body #sProds .prods .pd{flex-basis:calc((100% - 18px)/2)!important;max-width:calc((100% - 18px)/2)}}
/* panel Ver más */
.vmp{position:fixed;inset:0;z-index:9000;background:rgba(0,0,0,.72);backdrop-filter:blur(10px);display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .25s}
.vmp[hidden]{display:none}.vmp.on{opacity:1}
.vmp-b{width:min(1240px,100%);height:min(88vh,100%);background:#0b0b0b;border-radius:28px 28px 0 0;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 -20px 80px rgba(0,0,0,.9);display:flex;flex-direction:column;transform:translateY(40px) scale(.98);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.vmp.on .vmp-b{transform:none}
.vmp-h{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.08)}
.vmp-t{display:flex;gap:8px;flex-wrap:wrap}
.vmp-t button,.vmp-x{background:transparent;color:#ccc;border:0;border-radius:99px;padding:10px 20px;font:600 15px var(--fy-font);cursor:pointer;box-shadow:0 0 0 1px rgba(255,255,255,.14);transition:all .2s}
.vmp-t button:hover,.vmp-x:hover{color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.4)}
.vmp-t button.on{background:#fff;color:#000;box-shadow:none}
.vmp-c{overflow:auto;padding:24px 22px 40px;flex:1}
.vmp-c .chart,.vmp-c .prods{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important;gap:18px!important;max-width:none!important}
.vmp-c .chart .cr,.vmp-c .prods .pd{display:block!important;flex:none!important;max-width:none!important;animation:fyin .5s cubic-bezier(.2,.8,.2,1) backwards!important}
.vmp-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.vmp-g a{background:#191919;border-radius:16px;padding:26px 22px;cursor:pointer;display:grid;gap:6px;box-shadow:0 0 0 1px rgba(255,255,255,.08);transition:transform .25s,box-shadow .25s;animation:fyin .5s backwards}
.vmp-g a:hover{transform:translateY(-4px);box-shadow:0 0 0 1px rgba(255,255,255,.35),0 18px 40px rgba(0,0,0,.7)}
.vmp-g b{font-size:20px;color:#fff}.vmp-g small{color:#a3a3a3}
/* más movimiento */
@keyframes fyfl{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes fysh{0%{background-position:-200% 0}100%{background-position:200% 0}}
html body .shst b{animation:fyfl 4.5s ease-in-out infinite!important}
html body .shst>div:nth-child(2) b{animation-delay:.4s!important}html body .shst>div:nth-child(3) b{animation-delay:.8s!important}html body .shst>div:nth-child(4) b{animation-delay:1.2s!important}
html body .kick{animation:fyfl 5s ease-in-out infinite!important}
html body .shp a{transition:transform .25s,box-shadow .25s,color .25s!important}html body .shp a:hover{transform:translateY(-3px) scale(1.05)}
html body .btn.hot:hover{background-image:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.22) 50%,transparent 70%)!important;background-size:250% 100%!important;animation:fysh 1.4s linear infinite!important}
html body .chart .cr:hover,html body .prods .pd:hover{transform:translateY(-8px) scale(1.02)!important}
html body .cr .ft-c img,html body .pd .ft-c img{transition:transform .7s cubic-bezier(.2,.8,.2,1)!important}
html body .cr:hover .ft-c img,html body .pd:hover .ft-c img{transform:scale(1.09)}
@media(prefers-reduced-motion:reduce){html body .shst b,html body .kick,html body .btn.hot{animation:none!important}}
html body #explore,html body #explore.on{display:none!important}
.vmp-q{color:#a3a3a3;margin:0 0 16px;font-size:15px}.vmp-q a{color:#fff;margin-left:10px;cursor:pointer;text-decoration:underline}
.vmp-c .chart{display:flex!important;flex-wrap:wrap}.vmp-c .chart .cr{flex:0 0 calc(25% - 14px)!important;max-width:none!important}
.vmp-c .chart .cr.vmp-dim{opacity:.3;filter:grayscale(1)}
@media(max-width:700px){.vmp-c .chart .cr{flex-basis:calc(50% - 9px)!important}}

/* página interna «Todo» (reemplaza el panel) */
.vmp{align-items:stretch!important;background:#050505!important;backdrop-filter:none!important;z-index:800!important;top:64px!important;overflow:hidden}
.vmp-b{width:100%!important;max-width:none!important;height:100%!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;transform:translateY(24px)}
.vmp.on .vmp-b{transform:none}
.vmp-h{gap:16px;padding:14px max(20px,calc((100vw - 1240px)/2))!important;background:rgba(5,5,5,.9);position:sticky;top:0;z-index:2}
.vmp-sq{flex:1;display:flex;align-items:center;gap:10px;background:#131313;border-radius:99px;padding:0 18px;box-shadow:0 0 0 1px rgba(255,255,255,.1);color:#a3a3a3;max-width:560px;margin:0 auto}
.vmp-sq input{flex:1;background:none;border:0;outline:0;color:#fff;font:500 15px var(--fy-font);padding:12px 0}
.vmp-ti{font-size:15px;color:#a3a3a3;white-space:nowrap}
.vmp-c{padding:10px max(20px,calc((100vw - 1240px)/2)) 80px!important}
.vmp-s{padding:30px 0 10px}.vmp-s h3{font:700 clamp(26px,3vw,36px)/1.1 var(--fy-font);margin:0 0 20px;color:#fff;display:flex;align-items:baseline;gap:14px;animation:fyin .6s backwards}.vmp-s h3 small{font:500 15px var(--fy-font);color:#a3a3a3}
.vmp-c .chart{gap:18px!important}.vmp-c .chart .cr{flex:0 0 calc(20% - 15px)!important}
.vmp-c .prods{display:flex!important;flex-wrap:wrap;gap:18px!important}.vmp-c .prods .pd{flex:0 0 calc(20% - 15px)!important}
.vmp-g a.on{background:#fff;box-shadow:none}.vmp-g a.on b,.vmp-g a.on small{color:#000}
@media(max-width:1100px){.vmp-c .chart .cr,.vmp-c .prods .pd{flex-basis:calc(33.3% - 12px)!important}}
@media(max-width:700px){.vmp-c .chart .cr,.vmp-c .prods .pd{flex-basis:calc(50% - 9px)!important}.vmp-ti{display:none}.vmp-h{flex-wrap:wrap}}
/* página «Todo»: lista estilo catálogo */
.vmp-c{display:grid;grid-template-columns:270px minmax(0,1fr);gap:28px;align-items:start;overflow:auto}
.vs{position:sticky;top:0;background:#131313;border-radius:16px;padding:22px 18px;box-shadow:0 0 0 1px rgba(255,255,255,.07);margin-top:20px}
.vs h4{margin:0 0 12px;font:700 18px var(--fy-font);color:#fff}.vs h4:not(:first-child){margin-top:22px}
.vs-c{display:grid;gap:2px;margin-bottom:6px}.vs-c a,.vs-x{padding:9px 12px;border-radius:10px;color:#a3a3a3;cursor:pointer;display:flex;justify-content:space-between;transition:.2s}
.vs-c a:hover{background:#1c1c1c;color:#fff}.vs-c a.on{background:#fff;color:#000}.vs-c small{opacity:.7}
.vs details{border-top:1px solid rgba(255,255,255,.08);padding:12px 0}.vs summary{cursor:pointer;color:#fff;font-weight:600;list-style:none}
.vs-gs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.vs-gs a{padding:7px 13px;border-radius:99px;box-shadow:0 0 0 1px rgba(255,255,255,.14);color:#ccc;cursor:pointer;font-size:13.5px;transition:.2s}
.vs-gs a:hover{color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.4)}.vs-gs a.on{background:#fff;color:#000;box-shadow:none}.vs-gs small{opacity:.6}
.vs-r{display:flex;gap:8px;margin-top:12px}.vs-r input{width:100%;min-width:0;background:#191919;border:0;border-radius:10px;color:#fff;padding:10px 12px;font:inherit;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.vs-x{margin-top:12px;justify-content:center;box-shadow:0 0 0 1px rgba(255,255,255,.14);color:#ccc}
.vm-m{min-width:0;padding-top:20px}.vm-hd{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.vm-hd h2{margin:0;font:700 34px var(--fy-font);color:#fff}
.vm-tools{display:flex;align-items:center;gap:12px;color:#a3a3a3;font-size:14px}.vm-tools select{background:#131313;color:#fff;border:0;border-radius:99px;padding:9px 14px;box-shadow:0 0 0 1px rgba(255,255,255,.12);font:inherit}
.vm-v{display:flex;border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.12)}.vm-v button{background:transparent;color:#a3a3a3;border:0;padding:9px 14px;cursor:pointer;font-size:16px}.vm-v button.on{background:#1f1f1f;color:#fff}
.vm-chs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 8px;min-height:6px}.vm-ch{padding:7px 14px;border-radius:99px;background:#191919;color:#fff;cursor:pointer;font-size:13.5px;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.vm-l{display:grid;gap:2px}
.vr{display:grid;grid-template-columns:34px 56px minmax(0,1fr) 140px auto;gap:16px;align-items:center;padding:10px 14px;border-radius:14px;cursor:pointer;animation:fyin .5s cubic-bezier(.2,.8,.2,1) backwards;transition:background .2s,transform .25s}
.vr:hover{background:#171717;transform:translateX(4px)}
.vr-n{color:#a3a3a3;text-align:center}.vr-i{position:relative;width:56px;height:56px;border-radius:10px;overflow:hidden}.vr-i img{width:100%;height:100%;object-fit:cover}
.vr-i .pb{position:absolute;inset:0;background:rgba(0,0,0,.55);border:0;color:#fff;opacity:0;transition:.2s;cursor:pointer}.vr:hover .vr-i .pb{opacity:1}
.vr-t{display:grid;gap:3px;min-width:0}.vr-t b{color:#fff;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vr-t small{color:#a3a3a3}
.vr-g{color:#ccc;font-size:13.5px}.vr-p{white-space:nowrap;padding:10px 18px!important;border-radius:99px!important}
.vm-gd{display:flex!important;flex-wrap:wrap;gap:18px!important}.vm-gd .cr,.vm-gd .pd{flex:0 0 calc(25% - 14px)!important;max-width:none!important}
.vm-e{text-align:center;padding:70px 20px;color:#a3a3a3;display:grid;gap:14px}.vm-e b{color:#fff;font-size:20px}.vm-e a{cursor:pointer;color:#fff;text-decoration:underline}
@media(max-width:1000px){.vmp-c{grid-template-columns:1fr}.vs{position:static}.vr{grid-template-columns:28px 52px minmax(0,1fr) auto}.vr-g{display:none}.vm-gd .cr,.vm-gd .pd{flex-basis:calc(50% - 9px)!important}}
html body .vr .vr-p{background:#fff!important;color:#000!important;box-shadow:none!important;display:inline-flex;align-items:center;gap:8px;border:0!important;font-weight:700}
html body .vr .vr-p:hover{background:#e6e6e6!important}

/* ---- v18: movimiento profesional, fluido y sin saltos (solo transform/opacity) ---- */
html{scroll-behavior:smooth}
html body header.nav{transition:height .3s,box-shadow .3s}
html body header.nav.sc{box-shadow:0 10px 40px rgba(0,0,0,.6)!important}
html body .btn:active,html body button:active,html body .pr2:active{transform:scale(.96)!important;transition:transform .08s!important}
@keyframes fyrv{from{opacity:0;transform:translateY(46px) scale(.96)}to{opacity:1;transform:none}}
@keyframes fyhero{to{opacity:0;transform:translateY(-50px) scale(.97)}}
@keyframes fyhd{from{opacity:0;transform:translateY(30px);letter-spacing:.04em}to{opacity:1;transform:none;letter-spacing:-.01em}}
@keyframes fyga{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(3vw,2vh,0) scale(1.12)}}
html body .sh-g1,html body .sh-g2{animation:fyga 14s ease-in-out infinite!important;will-change:transform}
html body .sh-g2{animation-duration:19s!important;animation-direction:reverse!important}
/* inclinación 3D suave en portadas */
html body .cr .ft-c,html body .pd .ft-c{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s ease-out,box-shadow .35s}
html body .cr:hover .ft-c,html body .pd:hover .ft-c{transition:transform .08s linear,box-shadow .35s}
/* brillo que recorre las portadas al pasar el cursor */
html body .cr .ft-c,html body .pd .ft-c{position:relative;overflow:hidden}
html body .cr .ft-c::after,html body .pd .ft-c::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.16) 50%,transparent 65%);transform:translateX(-120%);transition:transform .8s cubic-bezier(.2,.8,.2,1);pointer-events:none}
html body .cr:hover .ft-c::after,html body .pd:hover .ft-c::after{transform:translateX(120%)}
/* entrada escalonada de la cabecera */
@keyframes fynv{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
html body header.nav>*{animation:fynv .6s cubic-bezier(.2,.8,.2,1) backwards!important}
html body header.nav>*:nth-child(2){animation-delay:.06s!important}html body header.nav>*:nth-child(3){animation-delay:.12s!important}html body header.nav>*:nth-child(4){animation-delay:.18s!important}html body header.nav>*:nth-child(5){animation-delay:.24s!important}
/* subrayado animado en enlaces del menú */
html body header.nav a.l,html body header.nav .nv{position:relative}
html body header.nav a.l::after,html body header.nav .nv::after{content:"";position:absolute;left:14px;right:14px;bottom:3px;height:1px;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
html body header.nav a.l:hover::after,html body header.nav .nv:hover::after{transform:scaleX(1)}
/* fila de la página Todo */
html body .vr{transition:background .25s,transform .3s cubic-bezier(.2,.8,.2,1)}
@media(prefers-reduced-motion:reduce){html body .sh-g1,html body .sh-g2,html body header.nav>*{animation:none!important}html{scroll-behavior:auto}}
/* subnav de creadores pegada justo bajo la cabecera, sin huecos */
html body .csn{top:64px!important;background:rgba(9,9,9,.97)!important;backdrop-filter:none!important;border-bottom:1px solid rgba(255,255,255,.07)!important;z-index:40!important}
html body .tb{top:64px!important}
html body header.nav{z-index:60!important}
/* perfil: la foto crece en proporción al texto */
html body .pf2{display:grid!important;grid-template-columns:clamp(120px,10vw,160px) minmax(0,1fr);gap:clamp(24px,3vw,48px)!important;align-items:stretch!important}
html body .pf2-av{display:block;height:auto;align-self:center}
html body .pf2-av img{width:100%!important;height:100%!important;min-height:0;max-height:160px;aspect-ratio:1/1;object-fit:cover;border-radius:18px!important}
html body .pf2-b{align-self:center}
@media(max-width:800px){html body .pf2{grid-template-columns:1fr!important;justify-items:center}html body .pf2-av{width:min(260px,70vw);height:auto}html body .pf2-av img{aspect-ratio:1/1;min-height:0}}
/* v22: cabecera un poco más compacta y mayúsculas más gruesas */
html body header.nav{height:58px!important}
html body .csn,html body .tb{top:58px!important}
.vmp{top:58px!important}
html body .lg-i{width:38px!important;height:38px!important;border-radius:10px!important}
html body .logo{gap:10px}
html body .lg-t b,html body header.nav .lg-t b,html body .ft .lg-t b{font-weight:900!important;font-size:19px!important;letter-spacing:.01em!important}
html body header.nav .lg-t small,html body .ft .lg-t small{font-weight:700!important;font-size:9.5px!important;letter-spacing:.24em!important;color:#a3abb2!important}
html body header.nav a.l,html body header.nav .nv{font-size:12px!important;padding:6px 11px!important}
html body header.nav .btn,html body header.nav .acc,html body header.nav button{font-size:12.5px!important}
html body header.nav .btn{padding:8px 16px!important}
html body header.nav a.l::after,html body header.nav .nv::after{left:11px;right:11px}
html body .kick,html body .shp span,html body .shst span,html body .pf2-k,html body .cc-k,html body .ft-col h4,html body .bp-h,html body .vs h4,html body .sg h5{font-weight:700!important}
html body .shst span,html body .shp span{color:#a3abb2!important}
/* v23: página Todo más ancha, holgada y con las mismas tarjetas de la principal */
.vmp-h{padding:16px max(24px,calc((100% - 1600px)/2))!important}
.vmp-c{padding:18px max(24px,calc((100% - 1600px)/2)) 140px!important;grid-template-columns:290px minmax(0,1fr)!important;gap:44px!important}
.vs{margin-top:34px;padding:26px 22px}
.vm-m{padding-top:34px}
.vm-hd{margin-bottom:10px}.vm-hd h2{font-size:clamp(36px,3.4vw,52px)!important;font-weight:800!important;letter-spacing:-.01em}
.vm-chs{margin:18px 0 18px}
.vm-gd{gap:36px 28px!important}
.vm-gd .cr,.vm-gd .pd{flex:0 0 calc(25% - 21px)!important}
@media(min-width:2000px){.vm-gd .cr,.vm-gd .pd{flex:0 0 calc(20% - 22.4px)!important}}
@media(max-width:1250px){.vm-gd .cr,.vm-gd .pd{flex:0 0 calc(33.3% - 19px)!important}}
@media(max-width:1000px){.vm-gd .cr,.vm-gd .pd{flex:0 0 calc(50% - 14px)!important}}
.vm-l{gap:6px}
.vr{grid-template-columns:40px 72px minmax(180px,1fr) 150px auto!important;gap:22px!important;padding:14px 18px!important}
.vr-i{width:72px!important;height:72px!important}.vr-t b{font-size:18px}.vr-t small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vr-p{min-width:150px;justify-content:center}
.vmp-s{padding:40px 0}
html body .logo .lg-t b{font-weight:900!important;-webkit-text-stroke:.5px #fff;letter-spacing:.02em!important}
html body header.nav .lg-t small{font-weight:800!important;color:#c3c9cf!important}
/* v24: página Todo más «alejada» (menos zoom, más espacio) */
@media(min-width:1500px){.vmp-b{zoom:.82}}
@media(min-width:2200px){.vmp-b{zoom:.75}}
.vm-gd{gap:48px 34px!important}
.vm-gd .cr,.vm-gd .pd{flex:0 0 calc(25% - 26px)!important}
@media(min-width:1500px){.vm-gd .cr,.vm-gd .pd{flex:0 0 calc(20% - 27.2px)!important}}
@media(min-width:2200px){.vm-gd .cr,.vm-gd .pd{flex:0 0 calc(16.66% - 28.4px)!important}}
@media(max-width:1250px){.vm-gd .cr,.vm-gd .pd{flex:0 0 calc(33.3% - 23px)!important}}
@media(max-width:1000px){.vm-gd .cr,.vm-gd .pd{flex:0 0 calc(50% - 17px)!important}}
/* v25: título más delgado y difuminado de fondo en la página Todo */
.vm-hd h2{font-weight:500!important;letter-spacing:-.03em!important;font-size:clamp(34px,3vw,46px)!important}
.vmp-s h3{font-weight:500!important}
.vs h4{font-weight:600!important}
.vmp{background:
 radial-gradient(70vw 55vh at 8% -6%,rgba(150,160,190,.13),rgba(150,160,190,.04) 50%,transparent 78%),
 radial-gradient(60vw 50vh at 100% 35%,rgba(255,255,255,.06),transparent 75%),
 radial-gradient(70vw 50vh at 0% 85%,rgba(255,255,255,.05),transparent 75%),
 radial-gradient(60vw 45vh at 92% 110%,rgba(150,160,190,.09),transparent 75%),
 linear-gradient(180deg,#0a0b0d 0%,#050505 55%,#030303 100%)!important}
.vmp-h{background:rgba(5,5,5,.82)!important;backdrop-filter:blur(14px)}

/* ---- v26: revelado estable al bajar (una sola vez, solo transform/opacity) ---- */
html.js-rv .rvx{opacity:0;transform:translate3d(0,26px,0)}
html.js-rv .rvx.rvin{opacity:1;transform:none;transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:var(--rd,0ms)}
html body .chart .cr,html body .prods .pd,html body .how .c,html body .sf-g .sf,html body .fgrid .fc{animation:none!important}
html body .chart .cr.rvx.rvin,html body .prods .pd.rvx.rvin{transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}
@media(prefers-reduced-motion:reduce){html.js-rv .rvx{opacity:1;transform:none}}

/* ---- onda de sonido: una sola capa de relleno (sin repintar cada barra) ---- */
html body .wave{--p:0;position:relative;gap:clamp(2px,.3vw,4px)!important}
html body .wave i{background:rgba(255,255,255,.2)!important;box-shadow:none!important;will-change:auto!important;animation:none!important;transition:transform .25s cubic-bezier(.2,.8,.2,1)!important}
html body .wave .wvf{position:absolute;inset:0;display:flex;align-items:center;gap:inherit;padding:0 2px;pointer-events:none;clip-path:inset(0 calc(100% - var(--p)*1%) 0 0);-webkit-clip-path:inset(0 calc(100% - var(--p)*1%) 0 0)}
html body .wave .wvf i{background:linear-gradient(180deg,#fff,#b9bec6)!important;opacity:1}
html body .wave.pl .wvf i{animation:wvq 1.15s ease-in-out infinite!important;animation-delay:var(--d2,0ms)!important;transform-origin:center}
@keyframes wvq{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.62)}}
html body .wave:hover i{transform:scaleY(1.05)}
html body .wave .wph{box-shadow:0 0 14px rgba(255,255,255,.6)!important}
@media(prefers-reduced-motion:reduce){html body .wave.pl .wvf i{animation:none!important}}

/* ---- carrito ---- */
html body .cart{transition:transform .5s cubic-bezier(.2,.8,.2,1)!important}
html body .cart .ci{display:grid!important;grid-template-columns:64px minmax(0,1fr) auto auto auto;gap:14px;align-items:center;padding:14px 18px!important;animation:cin .5s cubic-bezier(.2,.8,.2,1) backwards!important;transition:background .25s}
html body .cart .ci:nth-child(2){animation-delay:.05s!important}html body .cart .ci:nth-child(3){animation-delay:.1s!important}html body .cart .ci:nth-child(4){animation-delay:.15s!important}html body .cart .ci:nth-child(5){animation-delay:.2s!important}
html body .cart .ci:hover{background:#181818}
html body .cart .ci img{width:64px!important;height:64px!important;object-fit:cover;border-radius:12px!important;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 8px 22px rgba(0,0,0,.6)}
html body .cart .ci b{font-size:14.5px}
html body .cart .ci button{transition:transform .2s,background .2s,box-shadow .2s}
html body .cart .ci button:hover{transform:scale(1.12)}
@keyframes cin{from{opacity:0;transform:translateX(34px)}to{opacity:1;transform:none}}
@keyframes cpop{0%{transform:scale(1)}40%{transform:scale(1.35)}100%{transform:scale(1)}}
html body .cartb #cn.pop,html body #cn.pop{animation:cpop .45s cubic-bezier(.2,.8,.2,1)!important}
html body .cart .tot,html body #ct{font-weight:800;letter-spacing:-.01em}
html body .cart .cf,html body .cart footer{box-shadow:0 -18px 40px rgba(0,0,0,.5)}
html body .cart .cf .btn,html body .cart footer .btn{width:100%}
/* ---- v27: onda más bonita: barras redondeadas, reflejo, brillo y degradado ---- */
html body .wave{height:clamp(110px,12vw,150px)!important;gap:clamp(3px,.4vw,5px)!important;padding:0 4px!important;margin:34px 0 34px!important;-webkit-box-reflect:below 3px linear-gradient(transparent 55%,rgba(255,255,255,.16))}
html body .wave i{min-width:3px!important;border-radius:99px!important;background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.14))!important}
html body .wave:hover i{background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,.22))!important}
html body .wave .wvf{padding:0 4px!important;filter:drop-shadow(0 0 7px rgba(255,255,255,.35))}
html body .wave .wvf i{background:linear-gradient(180deg,#fff 0%,#e9ecf1 45%,#9aa1ad 100%)!important}
html body .wave .wph{width:2px!important;border-radius:2px;background:linear-gradient(180deg,transparent,#fff 15%,#fff 85%,transparent)!important;box-shadow:0 0 18px 2px rgba(255,255,255,.55)!important}
html body .wave .wph::before{width:11px!important;height:11px!important;margin-left:-5.5px!important;top:-6px!important;box-shadow:0 0 14px rgba(255,255,255,.9)}
html body .wave .wtip{border-radius:99px!important;padding:4px 10px!important;font-weight:700!important}
html body .wave.pl .wvf i{animation-duration:1.4s!important}
@keyframes wvq{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.55)}}
/* v28: onda sin movimiento extra (solo relleno al reproducir) */
html body .wave.pl .wvf i,html body .wave.pl i{animation:none!important}
html body .wave:hover i{transform:none!important}
/* perfil: descripción siempre visible y enlace para agregarla */
html body .pf2-bio{display:block;max-width:640px;margin:14px 0 4px!important;font-size:15.5px;line-height:1.6;color:#b6bcc3!important}
html body .pf2-add a{color:#fff;text-decoration:underline;text-underline-offset:4px}
/* página del beat: las tarjetas de abajo siempre por encima de la columna fija */
html body .bp{grid-template-rows:auto auto}
html body .bp-side{z-index:1}
html body .bp-more{grid-row:2;position:relative;z-index:3;margin-top:28px;isolation:isolate}
/* con zoom, Chromium calcula mal los elementos «sticky» y se montan sobre otras secciones: se dejan fijos en su sitio */
@media(min-width:1500px){html body .bp-side,html body .vs{position:static!important}}
/* v29: filas de la lista más delgadas */
.vm-l{gap:2px!important}
.vr{grid-template-columns:30px 44px minmax(160px,1fr) 130px auto!important;gap:16px!important;padding:7px 14px!important;border-radius:12px!important}
.vr-i{width:44px!important;height:44px!important;border-radius:8px!important}
.vr-t{gap:1px!important}.vr-t b{font-size:15px!important;font-weight:600!important}.vr-t small{font-size:12.5px}
.vr-n{font-size:13px}.vr-g{font-size:12.5px}
.vr .vr-p{min-width:0!important;padding:7px 15px!important;font-size:13px!important}
.vr .vr-p svg{width:14px;height:14px}
/* v30: filas de la lista un poco más grandes */
.vr{grid-template-columns:34px 56px minmax(160px,1fr) 140px auto!important;gap:18px!important;padding:10px 14px!important}
.vr-i{width:56px!important;height:56px!important;border-radius:9px!important}
.vr-t b{font-size:16.5px!important}.vr-t small{font-size:13.5px}
.vr-n{font-size:14px}.vr-g{font-size:13.5px}
.vr .vr-p{padding:9px 18px!important;font-size:14px!important}
/* v31: filas más delgadas (poca altura) con texto un poco más grande */
.vm-l{gap:0!important}
.vr{grid-template-columns:34px 46px minmax(160px,1fr) 140px auto!important;gap:18px!important;padding:4px 14px!important;border-radius:10px!important}
.vr-i{width:46px!important;height:46px!important;border-radius:8px!important}
.vr-t{gap:0!important}.vr-t b{font-size:16px!important;font-weight:500!important;line-height:1.25}.vr-t small{font-size:13.5px;line-height:1.25}
.vr .vr-p{padding:7px 17px!important;font-size:14px!important}
/* v32: cabecera mejorada: tamaños, WOCKY más grueso y animaciones */
html body header.nav{height:66px!important}
html body .csn,html body .tb{top:66px!important}
.vmp{top:66px!important}
html body .lg-i{width:46px!important;height:46px!important;border-radius:12px!important;box-shadow:0 0 0 1px rgba(255,255,255,.16),0 6px 22px rgba(0,0,0,.6)!important}
html body .logo{gap:13px!important}
html body .lg-t{gap:5px!important}
html body .lg-t b,html body header.nav .lg-t b,html body .ft .lg-t b{font-size:19px!important;font-weight:900!important;letter-spacing:.02em!important;-webkit-text-stroke:.5px #fff;line-height:1!important;color:#fff!important;-webkit-text-fill-color:#fff!important;transition:text-shadow .4s}
html body .logo:hover .lg-t b{text-shadow:0 0 16px rgba(255,255,255,.5)}
html body header.nav .lg-t small,html body .ft .lg-t small{font-size:9.5px!important;font-weight:800!important;letter-spacing:.24em!important}
html body header.nav a.l,html body header.nav .nv{font-size:12px!important;padding:8px 14px!important;transition:background .25s,color .25s,transform .25s!important}
html body header.nav a.l:hover,html body header.nav .nv:hover{background:rgba(255,255,255,.07);color:#fff!important;transform:translateY(-1px)}
html body header.nav a.l::after,html body header.nav .nv::after{left:16px;right:16px;bottom:4px}
html body header.nav .btn,html body header.nav .btn.hot{padding:9px 18px!important}
html body header.nav .msgb,html body header.nav .cartb,html body header.nav .mebtn{height:44px!important;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background .25s!important}
html body header.nav .msgb{width:44px!important}
html body header.nav .msgb:hover,html body header.nav .cartb:hover,html body header.nav .mebtn:hover{transform:translateY(-2px)}
html body header.nav .cartb svg,html body header.nav .msgb svg{width:22px;height:22px}
html body header.nav .cartb:hover svg{animation:fycb .6s ease}
@keyframes fycb{0%,100%{transform:rotate(0)}30%{transform:rotate(-14deg)}70%{transform:rotate(10deg)}}
html body header.nav.sc{background:rgba(7,7,7,.99)!important}
@media(max-width:900px){html body header.nav{height:60px!important}html body .csn,html body .tb{top:60px!important}html body .lg-i{width:40px!important;height:40px!important}html body .lg-t b{font-size:17px!important}}
/* v33: WOCKY en Montserrat negra y cabecera 100% sólida (sin efecto cristal) */
html body .lg-t b,html body header.nav .lg-t b,html body .ft .lg-t b{font-family:'Montserrat','Helvetica Neue',Arial,sans-serif!important;font-size:22px!important;font-weight:900!important;letter-spacing:-.01em!important;-webkit-text-stroke:0!important;text-transform:uppercase;color:#fff!important;-webkit-text-fill-color:#fff!important}
html body header.nav .lg-t small,html body .ft .lg-t small{font-family:'Montserrat',sans-serif!important}
html body header.nav,html body header.nav.sc{background:#0a0a0a!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html body .csn,html body .tb,html body .vmp-h{background:#0a0a0a!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html body header.nav{border-bottom:1px solid rgba(255,255,255,.06)!important}
@media(max-width:900px){html body .lg-t b{font-size:19px!important}}

/* ---- v34: hero con diseño animado, banda de géneros, foto del estudio y seguridad 3×2 ---- */
html body .sh{position:relative;overflow:hidden}
.hx{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0;-webkit-mask-image:radial-gradient(ellipse 70% 75% at 50% 48%,#000 35%,transparent 80%);mask-image:radial-gradient(ellipse 70% 75% at 50% 48%,#000 35%,transparent 80%)}
html body .sh-in{position:relative;z-index:2}
.hx .hr{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(255,255,255,.10);transform:translate(-50%,-50%) scale(.55);opacity:0;animation:hxp 9s cubic-bezier(.2,.6,.3,1) infinite}
.hx .r1{width:560px;height:560px}.hx .r2{width:560px;height:560px;animation-delay:2.25s}.hx .r3{width:560px;height:560px;animation-delay:4.5s}.hx .r4{width:560px;height:560px;animation-delay:6.75s}
@keyframes hxp{0%{transform:translate(-50%,-50%) scale(.45);opacity:0}15%{opacity:.9}100%{transform:translate(-50%,-50%) scale(2.6);opacity:0}}
.hx .ho{position:absolute;left:50%;top:50%;border-radius:50%;border:1px dashed rgba(255,255,255,.12);transform:translate(-50%,-50%);animation:hxo 38s linear infinite}
.hx .o1{width:760px;height:760px}.hx .o2{width:1100px;height:1100px;animation-duration:64s;animation-direction:reverse;border-color:rgba(255,255,255,.07)}
.hx .ho b{position:absolute;left:50%;top:-5px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:#fff;box-shadow:0 0 18px 3px rgba(255,255,255,.55)}
.hx .o2 b{width:7px;height:7px;top:-3.5px;background:#cfd3d9}
@keyframes hxo{to{transform:translate(-50%,-50%) rotate(360deg)}}
.hx .hd1,.hx .hd2,.hx .hd3{position:absolute;width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.55);animation:hxf 11s ease-in-out infinite}
.hx .hd1{left:16%;top:30%}.hx .hd2{left:82%;top:24%;animation-delay:-4s;width:4px;height:4px}.hx .hd3{left:70%;top:76%;animation-delay:-7s}
@keyframes hxf{0%,100%{transform:translate3d(0,0,0);opacity:.2}50%{transform:translate3d(14px,-26px,0);opacity:.9}}
.hx .hl{position:absolute;top:-10%;bottom:-10%;width:1px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.16),transparent);transform:rotate(14deg);animation:hxl 12s ease-in-out infinite}
.hx .l1{left:22%}.hx .l2{left:78%;animation-delay:-6s;transform:rotate(-14deg)}
@keyframes hxl{0%,100%{opacity:.15;transform:translateY(-4%) rotate(14deg)}50%{opacity:.7;transform:translateY(4%) rotate(14deg)}}
.hx .l2{animation-name:hxl2}@keyframes hxl2{0%,100%{opacity:.15;transform:translateY(4%) rotate(-14deg)}50%{opacity:.7;transform:translateY(-4%) rotate(-14deg)}}
@media(max-width:760px){.hx .hr{width:360px;height:360px}.hx .o1{width:520px;height:520px}.hx .o2{width:760px;height:760px}}
/* banda de géneros */
.mq{overflow:hidden;border-block:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.02);padding:15px 0;margin:6px 0 10px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.mq-t{display:flex;gap:34px;width:max-content;animation:mqs 46s linear infinite;will-change:transform}
.mq-t span{font:800 15px var(--fy-font,inherit);letter-spacing:.22em;color:#d8dce1;white-space:nowrap}.mq-t em{font-style:normal;color:#5d636b;font-size:13px}
.mq:hover .mq-t{animation-play-state:paused}
@keyframes mqs{to{transform:translateX(-50%)}}
/* foto del estudio */
html body .kk-v{position:relative}
html body .kv-ph{border:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.14),0 30px 80px rgba(0,0,0,.7)!important;border-radius:22px!important}
html body .kv-ph img{transition:transform 6s cubic-bezier(.2,.6,.2,1)!important}
html body .kk-v:hover .kv-ph img{transform:scale(1.07)!important}
.kv-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),transparent 28%,transparent 55%,rgba(0,0,0,.78));pointer-events:none;z-index:2}
.kv-rec{position:absolute;right:16px;top:16px;z-index:5;display:flex;align-items:center;gap:7px;padding:6px 12px;border-radius:99px;background:rgba(0,0,0,.55);font:800 11px var(--fy-font,inherit);letter-spacing:.18em;color:#fff}
.kv-rec i{width:8px;height:8px;border-radius:50%;background:#ff4d4d;box-shadow:0 0 10px #ff4d4d;animation:rec 1.4s steps(2,jump-none) infinite}
@keyframes rec{0%{opacity:1}50%{opacity:.15}100%{opacity:1}}
.kv-cap{position:absolute;left:20px;bottom:20px;z-index:5;display:grid;gap:3px}
.kv-cap b{font:900 18px var(--fy-font,inherit);letter-spacing:.06em;color:#fff}.kv-cap small{color:#b9bec5;font-size:12.5px;letter-spacing:.08em}
.kv-c{position:absolute;width:18px;height:18px;z-index:5;border:2px solid rgba(255,255,255,.7)}
.kv-c.c1{left:12px;top:12px;border-right:0;border-bottom:0}.kv-c.c2{right:12px;bottom:12px;border-left:0;border-top:0}.kv-c.c3{left:12px;bottom:12px;border-right:0;border-top:0;opacity:0}.kv-c.c4{right:12px;top:12px;border-left:0;border-bottom:0;opacity:0}
.kv-grain{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.14;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.kv-fl{position:absolute;z-index:7;display:grid;gap:1px;padding:11px 16px;border-radius:14px;background:#141414;box-shadow:0 0 0 1px rgba(255,255,255,.14),0 14px 40px rgba(0,0,0,.7);animation:hxfl 6s ease-in-out infinite}
.kv-fl b{font-size:13.5px;color:#fff}.kv-fl small{font-size:11.5px;color:#a3a3a3}
.kv-fl.f1{left:-22px;bottom:70px}.kv-fl.f2{right:-18px;top:62px;animation-delay:-3s}
@keyframes hxfl{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(max-width:860px){.kv-fl.f1{left:8px}.kv-fl.f2{right:8px}}
/* ¿Por qué es seguro? 3 × 2 */
html body .sf-g{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
@media(max-width:900px){html body .sf-g{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){html body .sf-g{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){.hx *,.mq-t,.kv-rec i,.kv-fl{animation:none!important}}
/* menú de cuenta de Creadores: igual al de la tienda */
html body .me2{position:relative;display:inline-block}
html body .me2[hidden]{display:none!important}
html body .me2 .mebtn{display:inline-flex;align-items:center;gap:10px;height:44px;padding:5px 14px 5px 5px!important;font:600 14px var(--fy-font)!important;cursor:pointer;border:0}
html body .me2 .mebtn i{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,#d9dce1)!important;color:#0b0b0b!important;display:grid;place-items:center;font:800 15px var(--fy-font)!important;font-style:normal!important;box-shadow:0 2px 10px rgba(0,0,0,.5)}
html body .me2 .mebtn span{color:#fff!important;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body .me2 .mebtn em{display:grid;place-items:center;color:#fff;opacity:.85;font-style:normal}
html body .me2 .mebtn::after{content:none!important}
.dd2{position:absolute;right:0;top:calc(100% + 10px);min-width:230px;background:#191919;border-radius:16px;padding:8px;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 0 44px rgba(0,0,0,.8);opacity:0;pointer-events:none;transform:translateY(-8px) scale(.98);transform-origin:top right;transition:opacity .2s,transform .25s cubic-bezier(.2,.9,.3,1.1);z-index:70}
.dd2.on{opacity:1;pointer-events:auto;transform:none}
.dd2 .dh{padding:10px 12px 12px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:6px}.dd2 .dh b{display:block;color:#fff}.dd2 .dh small{color:#a3a3a3;font-size:12.5px;display:block;overflow:hidden;text-overflow:ellipsis}
.dd2 a,.dd2 button{display:block;width:100%;text-align:left;background:none;border:0;border-radius:10px;padding:11px 14px;color:#ccc;font:500 14px var(--fy-font);cursor:pointer;text-decoration:none;transition:background .2s,color .2s}
.dd2 a:hover,.dd2 button:hover{background:rgba(255,255,255,.07);color:#fff}

/* ===== v40: catálogo «Todo» — filtros abiertos, deslizador de precio, ordenar con menú propio y más animación ===== */
.vs{display:grid;gap:6px;padding:20px 16px!important}
.vs-s{display:grid;gap:10px;padding:6px 4px 10px}.vs-s+.vs-s{border-top:1px solid rgba(255,255,255,.07);padding-top:16px}
.vs h4{margin:0 0 2px!important;font:700 17px var(--fy-font)!important}
.vs-hh{display:flex;align-items:center;justify-content:space-between}
.vs-bd{min-width:22px;height:22px;padding:0 7px;border-radius:99px;background:#fff;color:#000;font:800 12px/22px var(--fy-font);text-align:center;animation:pop .35s cubic-bezier(.22,1,.36,1)}
.vs-c a{display:flex!important;align-items:center;gap:10px;padding:10px 12px!important;border-radius:12px;color:#9aa1a8;font-weight:600;transition:background .25s,color .25s,transform .25s}
.vs-c a small{margin-left:auto;opacity:.7}
.vs-i{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#1c1c1c;color:#fff;transition:background .25s,color .25s,transform .35s}
.vs-c a:hover{background:#1a1a1a;color:#fff;transform:translateX(3px)}.vs-c a:hover .vs-i{transform:rotate(-8deg) scale(1.08)}
.vs-c a.on{background:#fff!important;color:#000!important}.vs-c a.on .vs-i{background:#000;color:#fff}
.vs-g{display:grid;gap:10px;padding:4px 0 10px}
.vs-gt{display:flex;justify-content:space-between;align-items:center;color:#fff;font-weight:600;font-size:14px}.vs-gt b{color:#cfd3d9;font-weight:600}
.vs-gs{display:flex;flex-wrap:wrap;gap:8px}
.vs-gs a{padding:8px 14px;border-radius:99px;box-shadow:0 0 0 1px rgba(255,255,255,.14);color:#ccc;cursor:pointer;font-size:13.5px;position:relative;overflow:hidden;transition:transform .2s,box-shadow .25s,background .25s,color .25s}
.vs-gs a:hover{color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.45);transform:translateY(-2px)}
.vs-gs a.on{background:#fff;color:#000;box-shadow:none}.vs-gs a:active{transform:scale(.94)}
.vs-gs a.pop{animation:pop .38s cubic-bezier(.2,.9,.3,1.5)}
@keyframes pop{0%{transform:scale(.88)}60%{transform:scale(1.09)}100%{transform:scale(1)}}
.vs-rg{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:99px;background:linear-gradient(90deg,#fff var(--p,100%),#262626 var(--p,100%));outline:0;cursor:pointer}
.vs-rg::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:0;box-shadow:0 0 0 5px rgba(255,255,255,.15),0 4px 14px rgba(0,0,0,.6);transition:box-shadow .2s,transform .2s}
.vs-rg:hover::-webkit-slider-thumb{box-shadow:0 0 0 8px rgba(255,255,255,.18),0 4px 14px rgba(0,0,0,.6);transform:scale(1.08)}
.vs-rg::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:0}
.vs-r{display:flex;align-items:center;gap:8px;color:#a3a3a3}.vs-r input{flex:1;min-width:0;background:#171717;border:0;border-radius:12px;color:#fff;padding:11px 12px;font:inherit;box-shadow:0 0 0 1px rgba(255,255,255,.08);transition:box-shadow .25s}
.vs-r input:focus{outline:0;box-shadow:0 0 0 1px #fff,0 0 20px rgba(255,255,255,.12)}
.vs-x{display:flex!important;justify-content:center;opacity:.45;pointer-events:none;transition:opacity .3s,background .25s,transform .2s}
.vs-x.on{opacity:1;pointer-events:auto;background:rgba(255,255,255,.07)}.vs-x.on:hover{background:#fff;color:#000;transform:translateY(-1px)}
/* cabecera de resultados */
.vm-ht{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.vm-ct{color:#a3a3a3;font-size:15px;animation:fyin .4s backwards}
.vm-so{display:flex;align-items:center;gap:12px;position:relative;color:#a3a3a3;font-size:14px}
.vm-sb{display:inline-flex;align-items:center;gap:10px;background:#131313;color:#fff;border:0;border-radius:99px;padding:11px 18px;font:600 14.5px var(--fy-font);cursor:pointer;box-shadow:0 0 0 1px rgba(255,255,255,.14);transition:box-shadow .25s,background .25s}
.vm-sb:hover,.vm-sb[aria-expanded=true]{background:#1a1a1a;box-shadow:0 0 0 1px rgba(255,255,255,.45),0 0 24px rgba(255,255,255,.08)}
.vm-sb svg{transition:transform .3s cubic-bezier(.2,.9,.3,1.2)}.vm-sb[aria-expanded=true] svg{transform:rotate(180deg)}
.vm-sm{position:absolute;right:0;top:calc(100% + 10px);z-index:40;min-width:240px;padding:8px;border-radius:16px;background:#181818;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 22px 60px rgba(0,0,0,.8);transform-origin:top right;animation:ddm .25s cubic-bezier(.2,.9,.3,1.15)}
.vm-sm[hidden]{display:none}
@keyframes ddm{from{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:none}}
.vm-sm button{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;padding:11px 14px;border:0;border-radius:11px;background:none;color:#ccc;font:500 14px var(--fy-font);cursor:pointer;transition:background .2s,color .2s,transform .2s}
.vm-sm button:hover{background:rgba(255,255,255,.07);color:#fff;transform:translateX(3px)}
.vm-sm button.on{color:#fff}.vm-sm button.on::after{content:"✓";font-weight:800}
.vm-ch{display:inline-flex;align-items:center;gap:8px;animation:pop .35s cubic-bezier(.22,1,.36,1);transition:background .2s,transform .2s}.vm-ch:hover{background:#262626;transform:translateY(-1px)}.vm-ch i{font-style:normal;opacity:.6;font-size:12px}
.vm-e span{color:#a3a3a3;font-size:14px}
.vm-m.vsw{animation:fyin .45s cubic-bezier(.2,.8,.2,1)}
/* filas */
.vr{position:relative;transition:background .25s,transform .3s cubic-bezier(.2,.8,.2,1)!important}
.vr::before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:3px;border-radius:3px;background:#fff;transform:scaleY(0);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.vr:hover::before{transform:scaleY(1)}.vr:hover .vr-i img{transform:scale(1.12)}.vr-i img{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.vr .vr-p{transition:transform .25s cubic-bezier(.22,1,.36,1),background .2s!important}.vr:hover .vr-p{transform:scale(1.05)}
/* el barrido de entrada de filas */
.vm-l .vr{animation:vrin .55s cubic-bezier(.2,.8,.2,1) backwards}
@keyframes vrin{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}
/* búsqueda */
.vmp-sq{transition:box-shadow .3s,background .3s}.vmp-sq:focus-within{box-shadow:0 0 0 1px #fff,0 0 36px rgba(255,255,255,.12);background:#171717}

/* ===== v40: movimiento global ===== */
.cglow{position:fixed;left:0;top:0;width:520px;height:520px;border-radius:50%;pointer-events:none;z-index:1;opacity:0;transition:opacity .5s;background:radial-gradient(circle,rgba(255,255,255,.065),rgba(255,255,255,.02) 45%,transparent 70%);will-change:transform}
.rip{position:absolute;border-radius:50%;background:rgba(255,255,255,.38);pointer-events:none;transform:scale(0);animation:ripple .7s ease-out forwards}
@keyframes ripple{to{transform:scale(1);opacity:0}}
html body .btn,html body .pr2,html body .vm-c,html body .vs-gs a,html body .vm-sb,html body .mebtn,html body .cartb,html body .msgb,html body .shp a{position:relative;overflow:hidden}
html body .btn.hot,html body .vm-c,html body #shGo,html body .vr-p{transform:translate(var(--mx2,0),var(--my2,0));transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background .25s}
/* títulos con palabras que suben */
.wr{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}
.wr>i{display:inline-block;font-style:normal;transform:translateY(115%);opacity:0;transition:transform .8s cubic-bezier(.2,.8,.2,1) calc(var(--w)*80ms),opacity .6s calc(var(--w)*80ms)}
.rvin .wr>i,.hd.rvin .wr>i{transform:none;opacity:1}
/* línea que crece bajo cada título de sección */
html body .row .hd{position:relative}
html body .row .hd::after{display:none!important;content:"";position:absolute;left:50%;bottom:-12px;width:0;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#fff,transparent);transform:translateX(-50%);transition:width 1s cubic-bezier(.2,.8,.2,1) .35s}
html body .row .hd.rvin::after{width:min(180px,40%)}
/* detalles al pasar el cursor por toda la página */
html body .ft-col a{display:inline-block;transition:transform .25s,color .25s}html body .ft-col a:hover{transform:translateX(5px);color:#fff}
html body .sf i,html body .how .c .n{transition:transform .45s cubic-bezier(.22,1,.36,1),background .3s}
html body .sf:hover i{transform:translateY(-4px) rotate(-6deg) scale(1.08)}
html body .how .c:hover .n{transform:translateX(6px) scale(1.06)}
html body .sf,html body .how .c,html body .fgrid .fc{transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,background .4s!important}
html body .sf:hover,html body .how .c:hover,html body .fgrid .fc:hover{transform:translateY(-6px)!important;box-shadow:0 0 0 1px rgba(255,255,255,.25),0 24px 60px rgba(0,0,0,.7)!important}
html body .shp a{transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s,color .25s}
html body .lg-i{animation:lgp 7s ease-in-out infinite}
@keyframes lgp{0%,100%{box-shadow:0 0 0 1px rgba(255,255,255,.16),0 6px 22px rgba(0,0,0,.6)}50%{box-shadow:0 0 0 1px rgba(255,255,255,.34),0 6px 30px rgba(255,255,255,.18)}}
html body input:focus,html body select:focus,html body textarea:focus{transition:box-shadow .3s}
html body .shq:focus-within,html body .search:focus-within{box-shadow:0 0 0 1px #fff,0 0 34px rgba(255,255,255,.12)!important}
html body .shst b{transition:transform .35s cubic-bezier(.22,1,.36,1)}html body .shst>div:hover b{transform:scale(1.1)}
html body .kick{transition:transform .3s,box-shadow .3s}html body .kick:hover{transform:scale(1.04)}
html body .mq-t span{transition:color .25s,transform .25s}html body .mq-t span:hover{color:#fff;transform:scale(1.12)}
@media(prefers-reduced-motion:reduce){.cglow,.rip{display:none}.wr>i{transform:none!important;opacity:1!important}html body .lg-i{animation:none}}
@media(hover:none){.cglow{display:none}}

/* pestañas del estudio: barra centrada; la pestaña activa es una píldora blanca */
html body .st-tabs{display:flex!important;flex-wrap:nowrap;justify-content:flex-start;gap:4px;width:max-content;max-width:100%;margin:0 auto 26px!important;padding:5px!important;border-radius:99px!important;background:#141414!important;border:1px solid rgba(255,255,255,.09)!important;overflow-x:auto;scrollbar-width:none;position:relative}
html body .st-tabs::-webkit-scrollbar{display:none}
html body .st-tabs .st-ind{display:none!important}
html body .st-tabs button{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;position:static!important;margin:0!important;padding:10px 18px!important;border:0!important;border-radius:99px!important;background:transparent!important;color:#9aa0a6!important;font:600 14px inherit;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s}
html body .st-tabs button svg{flex:0 0 auto}
html body .st-tabs button:hover{color:#fff!important;background:rgba(255,255,255,.07)!important}
html body .st-tabs button.on{background:#fff!important;color:#000!important}
html body .st-tabs button.on:hover{background:#fff!important;color:#000!important}
html body .st-tabs button em{font-style:normal;font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px;background:rgba(255,255,255,.14);color:#fff}
html body .st-tabs button.on em{background:#000;color:#fff}
html body .st-tabs button::before,html body .st-tabs button::after{display:none!important}
@media(max-width:640px){html body .st-tabs{width:100%;justify-content:flex-start}html body .st-tabs button{padding:9px 14px!important}}

html body .cglow{display:none!important}
html body .sf::after,html body .how .c::after,html body .lk::after,html body .fc::after,.tile .im::after,.ic::before,.fc::before,.how .c::before{background:none!important}

.ch-tools{display:flex;justify-content:flex-end;padding:0 4px 6px}.ch-tools button{background:none;border:0;color:#9aa0a6;font:600 13px inherit;cursor:pointer;padding:4px 8px;border-radius:99px}.ch-tools button:hover{color:#fff;background:rgba(255,255,255,.08)}
.ch-selm .ch-row[data-th]{position:relative;padding-left:46px}.ch-selm .ch-row[data-th]::before{content:"";position:absolute;left:14px;top:50%;width:18px;height:18px;margin-top:-9px;border-radius:50%;border:2px solid rgba(255,255,255,.4);transition:.15s}.ch-selm .ch-row.sel::before{background:#fff;border-color:#fff;box-shadow:inset 0 0 0 3px #0b0b0b}.ch-selm .ch-row.sel{background:rgba(255,255,255,.07)}
.ch-delbar{position:sticky;bottom:0;width:100%;margin-top:10px;padding:13px;border:0;border-radius:99px;background:#191919;color:#9aa0a6;font:600 14px inherit;text-align:center;border:1px solid rgba(255,255,255,.1)}.ch-delbar.on{background:#fff;color:#000;cursor:pointer}

/* ===== inicio de sesión: todo en blanco y negro, con movimiento limpio ===== */
html body .au-tabs{position:relative!important;display:grid!important;grid-template-columns:1fr 1fr;padding:4px!important;border-radius:99px!important;background:#101010!important;box-shadow:0 0 0 1px rgba(255,255,255,.09)!important;overflow:hidden}
html body .au-tabs .ind{display:block!important;position:absolute!important;top:4px!important;bottom:4px!important;left:4px!important;width:calc(50% - 4px)!important;border-radius:99px!important;background:#fff!important;box-shadow:0 4px 18px rgba(0,0,0,.45)!important;transition:transform .45s cubic-bezier(.2,.9,.25,1)!important}
html body .au-tabs[data-m=up] .ind{transform:translateX(100%)!important}
html body .au-tabs button,html body .au-tabs button.on{position:relative;z-index:1;background:transparent!important;box-shadow:none!important;border-radius:99px!important;color:#9aa0a6!important;transition:color .3s!important}
html body .au-tabs button.on{color:#000!important}
html body .au-tabs button:not(.on):hover{color:#fff!important}
/* casillas propias */
html body .au .chk2 input[type=checkbox]{appearance:none;-webkit-appearance:none;width:18px;height:18px;flex:0 0 18px;margin:0 8px 0 0;border-radius:6px;border:1.5px solid rgba(255,255,255,.35);background:#101010;display:inline-grid;place-content:center;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
html body .au .chk2 input[type=checkbox]::after{content:"";width:9px;height:5px;border-left:2px solid #000;border-bottom:2px solid #000;transform:rotate(-45deg) scale(0);margin-top:-2px;transition:transform .2s cubic-bezier(.3,1.5,.5,1)}
html body .au .chk2 input[type=checkbox]:checked{background:#fff;border-color:#fff}
html body .au .chk2 input[type=checkbox]:checked::after{transform:rotate(-45deg) scale(1)}
html body .au .chk2 input[type=checkbox]:active{transform:scale(.88)}
html body .au .chk2 input[type=checkbox]:focus-visible{outline:2px solid #fff;outline-offset:2px}
html body .au .chk2,html body .au .chk2 span{color:#c8ccd1!important}html body .au .chk2 a{color:#fff!important;text-decoration:underline;text-underline-offset:3px}
html body .au .row2{align-items:center}
html body .au .row2>a{color:#9aa0a6!important;text-decoration:none!important;font-size:13px;position:relative;transition:color .2s}
html body .au .row2>a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .3s}
html body .au .row2>a:hover{color:#fff!important}html body .au .row2>a:hover::after{transform:scaleX(1)}
/* campos */
html body .au .fl2 input{background:#101010!important;border:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.1)!important;border-radius:16px!important;transition:box-shadow .25s,background .25s!important}
html body .au .fl2 input:focus{box-shadow:0 0 0 1.5px #fff!important;background:#0d0d0d!important}
html body .au .eye{color:#9aa0a6!important;transition:color .2s}html body .au .eye:hover{color:#fff!important}
html body .au #auGo{transition:transform .25s,box-shadow .25s!important}html body .au #auGo:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(255,255,255,.35),0 12px 34px rgba(0,0,0,.7)!important}html body .au #auGo:active{transform:scale(.98)}
/* panel izquierdo: iconos iguales y portadas en blanco y negro */
html body .au-b li i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#191919!important;box-shadow:0 0 0 1px rgba(255,255,255,.08);color:#fff!important;font-style:normal;font-size:13px;transition:transform .3s,background .3s}
html body .au-b li{color:#c8ccd1!important;transition:transform .3s,color .3s}html body .au-b li:hover{transform:translateX(5px);color:#fff!important}html body .au-b li:hover i{background:#fff!important;color:#000!important;transform:rotate(-8deg)}
html body .au-covs{padding:14px 0 6px!important;perspective:600px}
html body .au-covs img{width:92px!important;height:92px!important;filter:grayscale(1) contrast(1.15) brightness(.78);border:2px solid #0b0b0b!important;margin-right:-26px!important;transform-origin:50% 100%;transition:transform .45s cubic-bezier(.2,.9,.25,1),filter .4s;animation:auCv .7s cubic-bezier(.2,.9,.25,1) both}
html body .au-covs img:nth-child(1){transform:rotate(-7deg);animation-delay:.1s}html body .au-covs img:nth-child(2){transform:translateY(-6px);animation-delay:.2s;z-index:2}html body .au-covs img:nth-child(3){transform:rotate(7deg);animation-delay:.3s;z-index:3}
html body .au-covs:hover img{transform:translateY(-8px) rotate(0)}html body .au-covs:hover img:nth-child(1){transform:translate(-8px,-4px) rotate(-10deg)}html body .au-covs:hover img:nth-child(3){transform:translate(8px,-4px) rotate(10deg)}html body .au-covs img:hover{filter:grayscale(.3) brightness(1)}
@keyframes auCv{from{opacity:0;translate:0 24px}}
@media(prefers-reduced-motion:reduce){html body .au-covs img{animation:none}}

/* sin líneas decorativas entre secciones ni bajo los títulos */
html body main section.amb+section.amb::after,html body main section::after,html body .hd::after,html body .hd h2::after,html body .row .hd::after,html body .row .hd.rvin::after{display:none!important;content:none!important}
html body header.nav .cartb{width:112px;justify-content:center;box-sizing:border-box}html body header.nav .msgb{width:44px;height:44px;flex:0 0 44px}

html body .au-covs{display:none!important}

/* solo letras: sin pastilla, sin punto y sin flotar */
html body .kick,html body .sh-in>.kick{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important;color:#9a9aa2!important;animation:none!important;transition:none!important;transform:none!important}
html body .kick::before,html body .kick::after{display:none!important;content:none!important}
html body .kick:hover{transform:none!important}

/* etiquetas: solo letras, blancas, gruesas y en mayúscula */
html body .kick,html body .sh-in>.kick,html body .kick2,html body .kick2 .rw{color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.16em!important}

/* onda en canvas, sincronizada con el audio */
html body .wave.cv{display:block!important;padding:0!important;gap:0!important}
html body .wave.cv .wc{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
html body .wave.cv .wcf{clip-path:inset(0 calc(100% - var(--p)*1%) 0 0);-webkit-clip-path:inset(0 calc(100% - var(--p)*1%) 0 0);filter:drop-shadow(0 0 7px rgba(255,255,255,.3))}
html body .wave.cv .wph{box-shadow:0 0 calc(8px + var(--lv,0)*26px) rgba(255,255,255,.85)!important}
/* onda: sin desborde horizontal + tipografía y movimiento */
html body .bp-w,html body .bp-w>*{min-width:0;max-width:100%}
html body .bp-w{overflow:hidden}
html body .wave{min-width:0;overflow:visible}
html body .wave i{min-width:0!important;transition:height .35s cubic-bezier(.2,.8,.2,1),background .15s!important}
html body .wave .wtip{font-family:"Inter Tight",Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.04em;text-transform:uppercase}
/* onda: barras finas que siempre caben */
html body .wave{gap:2px!important;padding:0 4px!important}
html body .wave i{min-width:2px!important;flex:1 1 0!important}
/* ===== panel de cuenta: ecualizador y chips ===== */
html body .au-l{display:flex;flex-direction:column}
html body .au-viz{margin-top:auto;padding-top:22px}
html body .au-eq{display:flex;align-items:flex-end;gap:4px;height:92px;padding:0 2px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
html body .au-eq i{flex:1;height:var(--h);border-radius:99px;background:linear-gradient(180deg,#fff,rgba(255,255,255,.18));transform-origin:bottom;animation:auEq 1.6s ease-in-out infinite!important;animation-delay:var(--d)!important}
@keyframes auEq{0%,100%{transform:scaleY(.35);opacity:.55}50%{transform:scaleY(1);opacity:1}}
html body .au-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
html body .au-chips span{padding:6px 12px;border-radius:99px;background:rgba(255,255,255,.07);box-shadow:0 0 0 1px rgba(255,255,255,.12) inset;font:800 11px "Inter Tight",Inter,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#d6d6dc}
@media(prefers-reduced-motion:reduce){html body .au-eq i{animation:none!important}}
/* ===== carrito ===== */
html body .cart{transition:transform .5s cubic-bezier(.2,.9,.2,1)!important}
html body .cart #ci{padding:6px 14px 10px}
html body .cart .ci{display:grid;grid-template-columns:56px 1fr auto auto auto;align-items:center;gap:12px;padding:12px;margin:8px 0;border-radius:16px;background:rgba(255,255,255,.04);box-shadow:0 0 0 1px rgba(255,255,255,.08) inset;animation:ciIn .5s cubic-bezier(.2,.9,.2,1) both!important;animation-delay:calc(var(--k,0)*70ms)!important;transition:background .2s,transform .2s}
html body .cart .ci:hover{background:rgba(255,255,255,.07);transform:translateX(-3px)}
html body .cart .ci img{width:56px;height:56px;border-radius:12px;object-fit:cover}
html body .cart .ci b{font-size:14px}
html body .cart .ci button{transition:transform .2s,background .2s}
html body .cart .ci button:hover{transform:scale(1.15) rotate(8deg)}
@keyframes ciIn{from{opacity:0;transform:translateX(40px) scale(.96)}}
@keyframes ciOut{to{opacity:0;transform:translateX(60px) scale(.9);height:0;margin:0;padding:0}}
html body .cart .ci.out{animation:ciOut .35s ease forwards!important}
html body .cart .cemp{display:grid;justify-items:center;gap:10px;padding:56px 24px;text-align:center;color:var(--mut)}
html body .cart .cemp svg{width:64px;height:64px;color:#fff;opacity:.9;animation:cBob 2.6s ease-in-out infinite!important}
html body .cart .cemp b{color:#fff;font-size:18px}
html body .cart .cemp p{margin:0;font-size:14px}
html body .cart .cemp button{margin-top:8px}
@keyframes cBob{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-8px) rotate(4deg)}}
html body .cart #ct.tick{animation:ctTick .4s cubic-bezier(.2,.9,.2,1)!important}
@keyframes ctTick{40%{transform:scale(1.22)}}
html body .cart #ckb:not(:disabled){animation:ckPulse 2.4s ease-in-out infinite!important}
@keyframes ckPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.0)}50%{box-shadow:0 0 22px 2px rgba(255,255,255,.25)}}
@media(prefers-reduced-motion:reduce){html body .cart .ci,html body .cart .cemp svg,html body .cart #ckb{animation:none!important}}
/* cómo funciona: tarjetas iguales */
html body .how2{align-items:stretch}
html body .how2 .c{height:100%}
html body .how2 .c:hover{transform:translateY(-4px)!important}
html body .how2 .c::before{display:block!important;content:"";position:absolute;left:22px;right:22px;top:0;height:2px;background:linear-gradient(90deg,#fff,transparent);opacity:.5}
/* lista de beats más espaciada */
html body .vmp-c{gap:64px!important;padding-top:34px!important}
html body .vs{padding-right:6px}
html body .vm-m{padding-top:44px!important}
html body .vm-hd{margin-bottom:10px}
html body .vm-chs{margin:26px 0 26px!important}
html body .vm-l{gap:12px!important}
html body .vr{grid-template-columns:44px 84px minmax(220px,1fr) 160px auto!important;gap:30px!important;padding:18px 26px!important;border-radius:18px!important;background:rgba(255,255,255,.025);box-shadow:0 0 0 1px rgba(255,255,255,.05) inset}
html body .vr:hover{background:rgba(255,255,255,.06)}
html body .vr img{width:84px;height:84px;border-radius:14px}
html body .vr .vr-p{padding:11px 22px!important;font-size:14px!important}
@media(max-width:1000px){html body .vr{grid-template-columns:30px 64px minmax(0,1fr) auto!important;gap:16px!important;padding:14px 16px!important}html body .vr img{width:64px;height:64px}html body .vmp-c{gap:30px!important}}
/* panel de cuenta: diseño de malla de puntos con brillo */
html body .au-viz{position:relative;min-height:150px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border-radius:16px;margin-top:auto}
html body .au-viz::before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,.32) 1.2px,transparent 1.6px) 0 0/18px 18px;-webkit-mask-image:radial-gradient(120% 90% at 30% 100%,#000 10%,transparent 72%);mask-image:radial-gradient(120% 90% at 30% 100%,#000 10%,transparent 72%);animation:auDots 14s linear infinite}
html body .au-viz::after{content:"";position:absolute;left:-20%;right:-20%;bottom:-70%;height:120%;background:radial-gradient(closest-side,rgba(255,255,255,.2),transparent);pointer-events:none}
html body .au-chips{position:relative;z-index:1;margin:0 0 4px}
@keyframes auDots{to{background-position:18px 18px}}
@media(prefers-reduced-motion:reduce){html body .au-viz::before{animation:none}}
html body .au-viz{min-height:210px}
html body .au-viz::before{background:radial-gradient(circle,rgba(255,255,255,.6) 1.4px,transparent 1.9px) 0 0/16px 16px;-webkit-mask-image:radial-gradient(110% 100% at 25% 100%,#000 5%,transparent 78%);mask-image:radial-gradient(110% 100% at 25% 100%,#000 5%,transparent 78%)}
/* lista de beats: delgada y ligera */
html body .vmp-c{gap:40px!important;padding-top:20px!important}
html body .vm-m{padding-top:28px!important}
html body .vm-hd h2{font-size:28px!important}
html body .vm-chs{margin:16px 0 14px!important}
html body .vm-l{gap:4px!important}
html body .vr{grid-template-columns:28px 40px minmax(180px,1fr) 120px auto!important;gap:14px!important;padding:6px 12px!important;border-radius:12px!important;background:transparent;box-shadow:none}
html body .vr:hover{background:rgba(255,255,255,.05)}
html body .vr img{width:40px;height:40px;border-radius:9px}
html body .vr b{font-size:14px}
html body .vr small{font-size:12px}
html body .vr .vr-p{padding:6px 14px!important;font-size:12.5px!important}
@media(max-width:1000px){html body .vr{grid-template-columns:24px 40px minmax(0,1fr) auto!important;gap:12px!important;padding:6px 10px!important}html body .vr img{width:40px;height:40px}html body .vmp-c{gap:20px!important}}
/* lista de beats: acabado */
html body .vm-l{border-top:1px solid rgba(255,255,255,.06)}
html body .vr{border-bottom:1px solid rgba(255,255,255,.06);border-radius:0!important;position:relative;transition:background .25s,padding-left .25s cubic-bezier(.2,.8,.2,1)!important}
html body .vr::before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:2px;border-radius:2px;background:#fff;transform:scaleY(0);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
html body .vr:hover{padding-left:20px!important;background:linear-gradient(90deg,rgba(255,255,255,.07),transparent 70%)}
html body .vr:hover::before{transform:scaleY(1)}
html body .vr>:first-child{font:700 12px "Inter Tight",Inter,system-ui,sans-serif;letter-spacing:.08em;color:#6f6f77;font-variant-numeric:tabular-nums}
html body .vr:hover>:first-child{color:#fff}
html body .vr img{box-shadow:0 4px 14px rgba(0,0,0,.5);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
html body .vr:hover img{transform:scale(1.08) rotate(-2deg)}
html body .vr .vr-g{justify-self:start;padding:4px 11px;border-radius:99px;background:rgba(255,255,255,.06);box-shadow:0 0 0 1px rgba(255,255,255,.1) inset;font-size:11.5px;font-weight:700;letter-spacing:.04em;color:#d2d2d8}
html body .vr .vr-p{transition:transform .2s,box-shadow .2s}
html body .vr:hover .vr-p{transform:translateX(-2px);box-shadow:0 0 18px rgba(255,255,255,.3)!important}
/* explorar: más alejado */
html body .vmp-c{zoom:.88;padding-left:max(48px,calc((100% - 1280px)/2))!important;padding-right:max(48px,calc((100% - 1280px)/2))!important;gap:64px!important;grid-template-columns:260px minmax(0,1fr)!important}
html body .vm-m{padding-top:36px!important}
html body .vr{padding:5px 10px!important;gap:12px!important}
html body .vr img{width:36px;height:36px}
@media(max-width:1000px){html body .vmp-c{zoom:1;padding-left:20px!important;padding-right:20px!important}}
/* ===== «Empieza tu carrera»: más vida y mejor imagen ===== */
html body .kv-ph{overflow:hidden}
html body .kv-ph img{filter:contrast(1.1) saturate(.92) brightness(.97);transform:scale(1.04);animation:kvKen 18s ease-in-out infinite alternate!important;image-rendering:auto;will-change:transform}
@keyframes kvKen{from{transform:scale(1.04) translate3d(0,0,0)}to{transform:scale(1.13) translate3d(-1.6%,-1.2%,0)}}
html body .kv-ph::after{background:radial-gradient(120% 100% at 50% 40%,transparent 55%,rgba(0,0,0,.6)),linear-gradient(180deg,rgba(0,0,0,.4),transparent 26%,transparent 52%,rgba(0,0,0,.82))!important}
html body .kv-grain{opacity:.26!important;animation:kvGr .6s steps(6) infinite!important}
@keyframes kvGr{0%{background-position:0 0}20%{background-position:-40px 20px}40%{background-position:30px -50px}60%{background-position:-60px -20px}80%{background-position:50px 40px}100%{background-position:0 0}}
html body .kv-scan{position:absolute;inset:0;z-index:4;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px);mix-blend-mode:overlay}
html body .kv-sweep{position:absolute;top:0;bottom:0;left:-40%;width:35%;z-index:4;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.16),transparent);transform:skewX(-18deg);animation:kvSw 7s ease-in-out infinite!important}
@keyframes kvSw{0%,55%{left:-45%}100%{left:130%}}
html body .kv-tc{position:absolute;right:16px;top:52px;z-index:6;font:800 12px "Inter Tight",Inter,monospace;font-variant-numeric:tabular-nums;letter-spacing:.14em;color:#fff;padding:4px 10px;border-radius:8px;background:rgba(0,0,0,.55)}
html body .kv-vu{position:absolute;right:20px;bottom:56px;z-index:6;display:flex;align-items:flex-end;gap:3px;height:46px}
html body .kv-vu i{width:4px;height:100%;border-radius:2px;background:linear-gradient(180deg,#ff4d4d 0 18%,#f5f5f5 18%);transform-origin:bottom;transform:scaleY(.2);animation:kvVu 1.1s ease-in-out infinite!important;animation-delay:var(--d)!important}
@keyframes kvVu{0%,100%{transform:scaleY(.18)}30%{transform:scaleY(.9)}55%{transform:scaleY(.45)}75%{transform:scaleY(1)}}
html body .kv-tl{position:absolute;left:0;right:0;bottom:0;height:3px;z-index:6;background:rgba(255,255,255,.14)}
html body .kv-tl i{display:block;height:100%;width:0;background:#fff;box-shadow:0 0 10px #fff;transition:width .25s linear}
html body .kv-fl{backdrop-filter:none;transition:transform .3s}
html body .kv-st span{animation:kvPop .6s cubic-bezier(.2,.9,.2,1.3) backwards}
html body .kv-st span:nth-child(2){animation-delay:.12s}html body .kv-st span:nth-child(3){animation-delay:.24s}
@keyframes kvPop{from{opacity:0;transform:translateY(10px) scale(.9)}}
/* lista de la izquierda */
html body .kk-l li{opacity:0;transform:translateX(-26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.9,.2,1),background .25s,padding-left .25s;transition-delay:calc(var(--k,0)*130ms),calc(var(--k,0)*130ms),0s,0s;padding:12px 14px;border-radius:16px}
html body .kk-in .kk-l li{opacity:1;transform:none}
html body .kk-l li:hover{background:rgba(255,255,255,.05);transform:translateX(6px)}
html body .kk-l li i{transition:transform .35s cubic-bezier(.2,.9,.2,1.4)}
html body .kk-l li:hover i{transform:scale(1.14) rotate(-8deg)}
html body .kk-l li i path{stroke-dasharray:24;stroke-dashoffset:24}
html body .kk-in .kk-l li i path{animation:kkCk .7s ease forwards!important;animation-delay:calc(var(--k,0)*130ms + .5s)!important}
@keyframes kkCk{to{stroke-dashoffset:0}}
html body .kk-t h2{background:linear-gradient(90deg,#fff,#aeb3bb 60%,#fff);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:kkSh 8s linear infinite!important}
@keyframes kkSh{to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){html body .kv-ph img,html body .kv-grain,html body .kv-sweep,html body .kv-vu i,html body .kk-t h2{animation:none!important}html body .kk-l li{opacity:1;transform:none}html body .kk-l li i path{stroke-dashoffset:0}}
html body .kv-tc{right:96px;top:20px}
/* ===== ¿Por qué es seguro? con movimiento ===== */
html body #seguro .sf{position:relative;overflow:hidden;opacity:0;transform:translateY(26px) scale(.97);animation:none!important;transition:opacity .7s ease,transform .7s cubic-bezier(.2,.9,.2,1),box-shadow .3s,background .3s;transition-delay:calc(var(--k,0)*90ms),calc(var(--k,0)*90ms),0s,0s}
html body #seguro.sf-in .sf{opacity:1;transform:none}
html body #seguro .sf::before{content:"";position:absolute;inset:0;background:radial-gradient(220px circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.12),transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none}
html body #seguro .sf:hover::before{opacity:1}
html body #seguro.sf-in .sf:hover{transform:translateY(-6px);transition-delay:0s;box-shadow:0 0 0 1px rgba(255,255,255,.3),0 22px 50px rgba(0,0,0,.55)}
html body #seguro .sf i{position:relative;transition:transform .4s cubic-bezier(.2,.9,.2,1.4),background .3s,color .3s}
html body #seguro .sf i::after{content:"";position:absolute;inset:-6px;border-radius:18px;box-shadow:0 0 0 1px rgba(255,255,255,.25);animation:sfPing 3.2s ease-out infinite!important;animation-delay:calc(var(--k,0)*400ms)!important;opacity:0}
@keyframes sfPing{0%{transform:scale(.85);opacity:.7}70%,100%{transform:scale(1.25);opacity:0}}
html body #seguro .sf:hover i{background:#fff;color:#0b0b0b;transform:rotate(-8deg) scale(1.12)}
html body #seguro .sf svg{animation:sfBob 4s ease-in-out infinite!important;animation-delay:calc(var(--k,0)*300ms)!important}
html body #seguro .sf:hover svg{animation-play-state:paused!important}
@keyframes sfBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
html body #seguro .sf h3{transition:letter-spacing .3s}
html body #seguro .sf:hover h3{letter-spacing:.01em}
html body #seguro a[href*="terminos"],html body #seguro .sf-l a{position:relative}
html body #seguro .sf-g+*{margin-top:18px}
@media(prefers-reduced-motion:reduce){html body #seguro .sf{opacity:1;transform:none}html body #seguro .sf i::after,html body #seguro .sf svg{animation:none!important}}
/* explorar: un poco más cerca */
html body .vmp-c{zoom:.96;padding-left:max(32px,calc((100% - 1380px)/2))!important;padding-right:max(32px,calc((100% - 1380px)/2))!important;gap:48px!important}
html body .vr{padding:7px 12px!important}
html body .vr img{width:40px;height:40px}
@media(max-width:1000px){html body .vmp-c{zoom:1;padding-left:20px!important;padding-right:20px!important}}
/* foto tranquila: sin animaciones encima */
html body .kv-scan,html body .kv-sweep,html body .kv-tc,html body .kv-vu,html body .kv-tl{display:none!important}
html body .kv-ph img{animation:none!important;transform:none!important;filter:none!important}
html body .kk-v:hover .kv-ph img{transform:none!important}
html body .kv-grain{animation:none!important;opacity:.14!important}
/* solo la foto */
html body .kk-v .kv-rec,html body .kk-v .kv-cap,html body .kk-v .kv-c,html body .kk-v .kv-grain,html body .kk-v .kv-fl,html body .kk-v .kv-st,html body .kk-v .kv-ph::after{display:none!important}
html body .kk-v .kv-ph::after{content:none!important}
/* ===== Empieza: letras y animaciones del lado izquierdo ===== */
html body .kk-t h2{font:800 clamp(34px,4.4vw,56px)/1.02 "Inter Tight",Inter,system-ui,sans-serif!important;letter-spacing:-.035em!important;margin-bottom:30px!important;background:none!important;-webkit-text-fill-color:#fff!important;animation:none!important}
html body .kk-t h2 .kw{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em}
html body .kk-t h2 .kw>span{display:inline-block;transform:translateY(110%);transition:transform .8s cubic-bezier(.2,.9,.2,1);transition-delay:calc(var(--i,0)*90ms)}
html body .kk-in .kk-t h2 .kw>span{transform:none}
html body .kk-t h2 .kw:nth-last-child(-n+2)>span{color:#a9aeb7}
html body .kk-l{position:relative;display:grid;gap:6px}
html body .kk-l::before{content:"";position:absolute;left:29px;top:26px;bottom:26px;width:1px;background:linear-gradient(180deg,rgba(255,255,255,.4),rgba(255,255,255,.04));transform-origin:top;transform:scaleY(0);transition:transform 1.4s cubic-bezier(.2,.8,.2,1) .4s}
html body .kk-in .kk-l::before{transform:scaleY(1)}
html body .kk-l li{gap:18px!important}
html body .kk-l li i{position:relative;z-index:1;background:#141414;border-radius:50%}
html body .kk-l li h3{font:800 20px/1.2 "Inter Tight",Inter,system-ui,sans-serif!important;letter-spacing:-.015em!important;margin:0 0 4px!important;position:relative;display:inline-block}
html body .kk-l li h3::after{content:"";position:absolute;left:0;bottom:-3px;height:2px;width:100%;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.2,.9,.2,1)}
html body .kk-l li:hover h3::after{transform:scaleX(1)}
html body .kk-l li p{font-size:14.5px!important;line-height:1.6!important;color:#a8a8b0!important;transition:color .25s}
html body .kk-l li:hover p{color:#e4e4e8!important}
html body .kk-l li i::after{content:"";position:absolute;inset:-5px;border-radius:50%;box-shadow:0 0 0 1px rgba(255,255,255,.3);opacity:0;animation:kkRing 3.6s ease-out infinite!important;animation-delay:calc(var(--k,0)*600ms + 1.2s)!important}
@keyframes kkRing{0%{transform:scale(.8);opacity:.8}70%,100%{transform:scale(1.35);opacity:0}}
@media(prefers-reduced-motion:reduce){html body .kk-t h2 .kw>span{transform:none}html body .kk-l::before{transform:none}html body .kk-l li i::after{animation:none!important}}
/* foto: ruido y texturas (estáticos, sin movimiento) */
html body .kk-v .kv-grain{display:block!important;position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.34!important;mix-blend-mode:overlay;animation:none!important;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
html body .kk-v .kv-ph::after{content:""!important;display:block!important;position:absolute;inset:0;z-index:4;pointer-events:none;mix-blend-mode:soft-light;opacity:.55;background:radial-gradient(130% 110% at 50% 45%,transparent 50%,rgba(0,0,0,.65)),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='420' height='420'><filter id='m'><feTurbulence type='fractalNoise' baseFrequency='.012 .02' numOctaves='4' seed='7'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%' height='100%' filter='url(%23m)'/></svg>");background-size:auto,420px 420px}
html body .kk-v .kv-ph img{filter:contrast(1.14) brightness(.96) saturate(.9)!important}
html body .kk-v .kv-ph{box-shadow:0 0 0 1px rgba(255,255,255,.14),0 30px 80px rgba(0,0,0,.7),inset 0 0 60px rgba(0,0,0,.5)!important}
/* ===== Empieza: acabado final ===== */
html body #empieza .kk-g{background:radial-gradient(60% 80% at 85% 20%,rgba(255,255,255,.06),transparent 70%),rgba(18,18,18,.9)!important}
html body #empieza .kk-v{perspective:1100px}
html body #empieza .kv-ph{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d;will-change:transform}
html body #empieza .kv-ph img{filter:contrast(1.16) brightness(1) saturate(.88)!important}
html body .kk-v .kv-ph::after{background:radial-gradient(140% 120% at 50% 45%,transparent 58%,rgba(0,0,0,.5)),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='420' height='420'><filter id='m'><feTurbulence type='fractalNoise' baseFrequency='.012 .02' numOctaves='4' seed='7'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%' height='100%' filter='url(%23m)'/></svg>")!important;background-size:auto,420px 420px!important}
html body #empieza .kv-ph::before{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;border-radius:inherit;background:radial-gradient(380px circle at var(--gx,50%) var(--gy,30%),rgba(255,255,255,.14),transparent 60%);opacity:0;transition:opacity .3s}
html body #empieza .kk-v:hover .kv-ph::before{opacity:1}
html body #empieza .kk-a{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
html body #empieza .kk-a .btn{padding:13px 26px;font-weight:800;letter-spacing:.01em;transition:transform .25s cubic-bezier(.2,.9,.2,1),box-shadow .25s}
html body #empieza .kk-a .btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(255,255,255,.18)}
html body #empieza .kk-a .btn.hot{animation:kkBtn 3s ease-in-out infinite!important}
@keyframes kkBtn{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}50%{box-shadow:0 0 24px 2px rgba(255,255,255,.22)}}
@media(prefers-reduced-motion:reduce){html body #empieza .kv-ph{transform:none}html body #empieza .kk-a .btn.hot{animation:none!important}}
html body #empieza .kk-s{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px}
html body #empieza .kk-s>div{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.04);box-shadow:0 0 0 1px rgba(255,255,255,.09) inset;opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.9,.2,1),background .25s}
html body #empieza .kk-s.on>div{opacity:1;transform:none}
html body #empieza .kk-s.on>div:nth-child(2){transition-delay:.12s}html body #empieza .kk-s.on>div:nth-child(3){transition-delay:.24s}
html body #empieza .kk-s>div:hover{background:rgba(255,255,255,.08);transform:translateY(-3px)}
html body #empieza .kk-s b{display:block;font:800 28px "Inter Tight",Inter,system-ui,sans-serif;letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums}
html body #empieza .kk-s span{display:block;margin-top:2px;font-size:11.5px;line-height:1.35;color:#9a9aa3;letter-spacing:.02em}
@media(max-width:560px){html body #empieza .kk-s{grid-template-columns:1fr 1fr 1fr;gap:8px}html body #empieza .kk-s b{font-size:22px}}
@media(prefers-reduced-motion:reduce){html body #empieza .kk-s>div{opacity:1;transform:none}}
/* Empieza: letras sin animación */
html body .kk-t h2 .kw>span{transform:none!important;transition:none!important}
html body .kk-t h2,html body .kk-t h2 *{animation:none!important}
html body .kk-l li h3::after{display:none!important}
html body .kk-l li h3,html body .kk-l li p{transition:none!important}
html body .kk-l li{opacity:1!important;transform:none!important;transition:none!important}
html body .kk-l li:hover{transform:none!important}
html body .kk-l li i path{stroke-dashoffset:0!important;animation:none!important}
html body .kk-l li i::after{display:none!important}
html body .kk-l::before{transform:none!important;transition:none!important}

@media(max-width:960px){html body .sdw-main .st-tabs{display:flex!important}}

/* botón de cuenta y su menú: iguales en la tienda, Creadores y Mi estudio */
html body .me .mebtn{display:inline-flex;align-items:center;gap:10px;height:44px;padding:5px 14px 5px 5px!important;font:600 14px var(--fy-font)!important;cursor:pointer;border:0}
html body .me .mebtn i{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,#d9dce1)!important;color:#0b0b0b!important;display:grid;place-items:center;font:800 15px var(--fy-font)!important;font-style:normal!important;box-shadow:0 2px 10px rgba(0,0,0,.5)}
html body .me .mebtn span{color:#fff!important;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body .me .mebtn em{display:grid;place-items:center;color:#fff;opacity:.85;font-style:normal}
html body .me .mebtn::after{content:none!important}
html body .dd .dh{padding:10px 12px 12px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:6px}.dd .dh b{display:block;color:#fff}.dd .dh small{color:#a3a3a3;font-size:12.5px;display:block;overflow:hidden;text-overflow:ellipsis}
html body .dd a,.dd button{display:block;width:100%;text-align:left;background:none;border:0;border-radius:10px;padding:11px 14px;color:#ccc;font:500 14px var(--fy-font);cursor:pointer;text-decoration:none;transition:background .2s,color .2s}
html body .dd a:hover,.dd button:hover{background:rgba(255,255,255,.07);color:#fff}
html body .dd{min-width:230px;padding:8px!important}
html body .dd .dh{padding:10px 12px 12px!important}
html body .dd a,html body .dd button{padding:11px 14px!important;font-weight:500!important}
html body .dd a,html body .dd button,html body .dd2 a,html body .dd2 button{display:block!important;width:100%;font-size:14px!important;font-weight:500!important;line-height:1.35!important;padding:11px 14px!important;letter-spacing:0!important}
html body .dd .dh small,html body .dd2 .dh small{font-weight:400!important;color:#a3a3a3!important;font-size:12.5px!important}
html body .dd .dh b,html body .dd2 .dh b{font-size:15px;font-weight:700}
html body .dd .role:empty,html body .dd .dh .role:empty{display:none!important}
html body .dd a,html body .dd button,html body .dd2 a,html body .dd2 button,html body #hdOut,html body #dd button{min-height:41px;box-sizing:border-box;font-size:14px!important;display:flex!important;align-items:center}
html body header.nav .cartb span{font:700 14px var(--fy-font)!important}
html body .mebtn span,html body .dd .dh b,html body .dd2 .dh b{text-transform:uppercase;letter-spacing:.01em}

/* «Mi estudio» destacado en la barra de secciones de Creadores */
html body .csn a.csn-st{display:inline-flex;align-items:center;gap:8px;background:#fff!important;color:#0b0b0b!important;border:0!important;border-radius:99px!important;padding:9px 18px!important;font:700 13px var(--fy-font)!important;text-decoration:none;position:relative;box-shadow:0 0 0 1px #fff,0 0 22px rgba(255,255,255,.28)!important;animation:csnGlow 2.8s ease-in-out infinite;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s!important}
html body .csn a.csn-st::after{display:none!important}
html body .csn a.csn-st svg{flex:0 0 auto}.csn-ar{transition:transform .25s}
html body .csn a.csn-st:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #fff,0 0 34px rgba(255,255,255,.5)!important}html body .csn a.csn-st:hover .csn-ar{transform:translateX(4px)}
@keyframes csnGlow{0%,100%{box-shadow:0 0 0 1px #fff,0 0 16px rgba(255,255,255,.22)}50%{box-shadow:0 0 0 1px #fff,0 0 30px rgba(255,255,255,.5)}}
@media(prefers-reduced-motion:reduce){html body .csn a.csn-st{animation:none}}
html body .csn a.csn-st{margin-left:auto!important}html body .csn{align-items:center}
@media(max-width:640px){html body .csn a.csn-st{margin-left:10px!important}}
@media(max-width:900px){html body .csn a.csn-st{order:-1;margin:0 8px 0 0!important}}
.ftl{color:#9aa0a6;font-weight:600}

/* reproductor flotante: píldora con foto cuadrada, onda y controles */
html body .bar{left:50%!important;right:auto!important;bottom:18px!important;transform:translateX(-50%)!important;width:min(1040px,calc(100% - 32px))!important;box-sizing:border-box!important;border-radius:99px!important;padding:12px 26px 12px 12px!important;gap:16px!important;border:1px solid rgba(255,255,255,.07)!important;background:rgba(29,29,29,.94)!important;box-shadow:0 18px 60px rgba(0,0,0,.65)!important}
html body .bar.hide{display:none!important}
html body .bar #bI{width:56px!important;height:56px!important;border-radius:6px!important;object-fit:cover!important;flex:none!important}
html body .bar .t{flex:0 1 190px;min-width:110px;overflow:hidden}html body .bar .t b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis}html body .bar .t small{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body .bar .bpr{position:relative!important;left:auto!important;right:auto!important;top:auto!important;flex:1 1 180px!important;min-width:90px;height:36px!important;display:flex!important;align-items:center;gap:2px;cursor:pointer}
html body .bar .bpr::before{display:none!important}html body .bar .bpr i{display:none!important}
html body .bar .bpr u{flex:1;min-width:1px;max-width:4px;border-radius:2px;background:rgba(255,255,255,.28);transition:background .15s}html body .bar .bpr u.on{background:#e9e9e9}
html body .bar .bpr::after{content:"";position:absolute;top:0;bottom:0;left:var(--bp,0%);width:2px;margin-left:-1px;border-radius:2px;background:#f5e04a;pointer-events:none}
html body .bar .btm{color:#fff!important;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px}
html body .bar .bct{gap:4px}html body .bar .bct button{background:transparent!important;color:#fff!important;width:42px;height:42px}html body .bar .bct button.on{color:#f5e04a!important}
html body .bar .bct .play{background:transparent!important;color:#fff!important;width:46px;height:46px}html body .bar .bct .play svg{font-size:22px}
html body .bar #bP{background:transparent!important;color:#fff!important}
@media(max-width:820px){html body .bar{width:calc(100% - 20px)!important;padding:10px 14px 10px 10px!important;gap:10px!important;bottom:calc(70px + env(safe-area-inset-bottom,0px))!important}html body .bar .bpr,html body .bar #bSh,html body .bar #bRp{display:none!important}html body .bar .t{flex:1 1 auto}}
html body .bar .bvol input{width:0!important;opacity:0;transition:width .25s,opacity .25s;margin:0}html body .bar .bvol:hover input,html body .bar .bvol:focus-within input{width:84px!important;opacity:1}
html body .bar .bvol svg{color:#fff;width:22px;height:22px}