/* Wocky minimalista: plano, sin halos ni adornos; lista de beats al estilo Splice / untitled.stream */
html body{background:#1e1e1e!important}
html body::before,html body::after{display:none!important}
/* portada */
html body .sh{min-height:0!important;padding:96px 0 40px!important;background:none!important}
html body .sh .wvc,html body .sh .sh-g1,html body .sh .sh-g2,html body .sh .hx,html body .sh .shst,html body .sh .kick{display:none!important}
html body .sh h1{font-size:clamp(30px,4vw,48px)!important;font-weight:600!important;letter-spacing:-.035em!important;line-height:1.1!important}
html body .sh h1 em{color:inherit!important;background:none!important;-webkit-text-fill-color:currentColor!important;font-style:normal}
html body .sh .sh-p{font-size:16px!important;color:#8b8b8b!important;max-width:520px;margin-left:auto;margin-right:auto}
/* sin sombras ni halos */
html body .btn,html body .shf,html body .search,html body .cardx,html body .kk-g,html body .sf,html body .bar,html body .vmp-b,html body header.nav{box-shadow:none!important}
html body .btn.hot{background:#fff!important;color:#1e1e1e!important;border-color:#fff!important}
html body .shf,html body .search{background:#222222!important;border:1px solid rgba(255,255,255,.09)!important}
html body .cardx,html body .kk-g,html body .sf{background:#111!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:12px!important}
/* títulos de sección: sobrios y a la izquierda */
html body .row>.hd,html body .row>.hd.hd-vm{justify-content:space-between!important;text-align:left!important}
html body .row>.hd h2{font-size:22px!important;font-weight:600!important;letter-spacing:-.02em!important}
html body .hsub{text-align:left!important;font-size:14px!important;color:#a0a0a0!important;margin-bottom:12px!important}
/* destacados como lista */
html body .row>.hd{display:flex!important;align-items:center}
html body .row>.hd h2,html body .row>.hd h2 .wr{text-align:left!important;margin:0!important}
html body .sh{height:auto!important;display:block!important;padding:72px 0 28px!important}
html body .sh>div,html body .sh .shw{min-height:0!important}
html body .sh h1{max-width:800px;margin-left:auto!important;margin-right:auto!important}
html body .row>.hd h2{margin-right:auto!important;flex:1}
html body .hsub{max-width:none!important;margin-left:0!important;margin-right:0!important}
html body .row{padding-top:40px!important;padding-bottom:24px!important}
html body .sh>*:not(.wvc){padding-top:0!important}
html body .sh .sh-i,html body .sh .sh-c,html body .sh .shw,html body .sh .sh-in{padding-top:0!important;margin-top:0!important;min-height:0!important}
html body .sh h1 .rotw,html body .sh h1 .rotl{color:#fff!important;opacity:1!important;-webkit-text-fill-color:#fff!important;background:none!important;filter:none!important}
html body .sh h1 em{background:none!important;-webkit-text-fill-color:#fff!important;color:#fff!important}
html body .sh .sh-in{display:block!important;height:auto!important;align-content:start!important}
html body .row p.hsub,html body #sChart .hsub{text-align:left!important;margin:0 0 12px!important;padding:0!important;width:auto!important}

/* resto de interfaces: planas */
html body .vmp,html body .vmp-b,html body .vmp-h{background:#1e1e1e!important;background-image:none!important}
html body .fl,html body .bp-side,html body .bp-main>div,html body .bp-w,html body .bp-more,html body .ft,html body .cb,html body .box,html body .mbox{background:#111!important;background-image:none!important;box-shadow:none!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:12px!important}
html body .ft{border-left:0!important;border-right:0!important;border-bottom:0!important;border-radius:0!important;background:#1e1e1e!important}
html body .bp-cv{border-radius:8px!important;box-shadow:none!important}
html body *{text-shadow:none!important}
html body .toast{box-shadow:none!important;border:1px solid rgba(255,255,255,.12)}
html body .kick2 .kk-g{background:#111!important}
/* tipografía: Inter, limpia y neutra */
:root,html body{--fy-font:'Instrument Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif!important}
html body,html body *:not(.lg-t b):not(.lg-t small):not(svg *){font-family:'Instrument Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
html body h1,html body h2,html body h3,html body h4{letter-spacing:-.025em!important}
html body h1{font-weight:600!important}
html body{font-size:15px;}
html body .bar .btm,html body .wvt span,html body .wave .wtip{font-family:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace!important;font-variant-numeric:tabular-nums;letter-spacing:0}
/* sin difuminados y fondo nuevo: azul pizarra plano */
:root{--mbg:#1e1e1e;--msf:#1b1b1b;--mln:rgba(255,255,255,.08)}
html body *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html body,html body .home,html body #app,html body main{background:var(--mbg)!important;background-image:none!important}
html body::before,html body::after,html body .sh::before,html body .sh::after,html body .row::before,html body .row::after,html body .home::before,html body .home::after{background:none!important;background-image:none!important;content:none!important;display:none!important}
html body header.nav,html body .tabbar,html body .bar,html body .vmp,html body .vmp-b,html body .vmp-h,html body .ft{background:var(--mbg)!important;background-image:none!important}
html body .bar{background:var(--msf)!important}
html body .fl,html body .bp-side,html body .bp-main>div,html body .bp-w,html body .bp-more,html body .cb,html body .box,html body .mbox,html body .cardx,html body .kk-g,html body .sf,html body .shf,html body .search{background:var(--msf)!important;background-image:none!important;border-color:var(--mln)!important}
html body .btn,html body .tile,html body .sf,html body .cardx,html body .kk-g,html body .bar,html body .cb,html body .toast,html body .box{box-shadow:none!important;filter:none!important}
html body .sh h1,html body .sh h1 *{background:none!important;-webkit-text-fill-color:#fff!important}
html body [class*="glow"],html body [class*="halo"],html body [class*="blur"]{display:none!important}
html body button,html body a,html body .btn,html body input,html body select{box-shadow:none!important}
/* referencia untitled.stream: gris carbón #232323, tarjetas #282828 muy redondeadas, titulares Inter apretados */
:root{--mbg:#232323;--msf:#282828;--mln:rgba(255,255,255,.06)}
html body header.nav{background:#232323!important;border-bottom:0!important}
html body h1,html body h2,html body h3{font-weight:600!important;letter-spacing:-.04em!important}
html body .sh{padding:56px 0 24px!important}
html body .sh .sh-in,html body .sh .hero-in{text-align:left!important;margin-left:0!important;max-width:none!important}
html body .sh h1{font-size:clamp(34px,3.6vw,46px)!important;line-height:1.05!important;max-width:620px!important;margin:0 0 14px!important;text-align:left!important}
html body .sh .sh-p{margin:0 0 28px!important;max-width:520px!important;font-size:17px!important;color:#a3a3a3!important;text-align:left!important}
html body .sh .shf{margin-left:0!important;margin-right:0!important;max-width:none!important;border-radius:99px!important;background:#282828!important;border:0!important}
html body .sh .shp{justify-content:flex-start!important}
html body .cardx,html body .kk-g,html body .sf,html body .fl,html body .bp-side,html body .bp-main>div,html body .bp-w,html body .box,html body .cb{border:0!important;border-radius:20px!important;background:#282828!important}
html body .btn,html body .pr2,html body .ft-p,html body .shp button,html body .vm-c{border:0!important;background:#323232!important;color:#fff!important}
html body .btn.hot,html body .btn.hot *{background:#fff!important;color:#111!important}
html body .ft{background:#232323!important}
html body .bar{background:#2e2e2e!important;border:0!important}
html body .sh .sh-in{padding-left:4px!important}html body .sh h1{max-width:700px!important}
/* sin icono del logo: solo las letras; fondo más oscuro */
html body .logo .lg-i,html body .logo>img{display:none!important}
:root{--mbg:#0f0f0f;--msf:#232323}
html body header.nav,html body .ft,html body .sh{background:#0f0f0f!important}
html body .shf{background:#232323!important}
html body .bar{background:#232323!important}
html body .sh .sh-in{padding-left:24px!important;padding-right:24px!important}

/* portada simple al estilo BeatStars: titular condensado, buscador blanco, beat destacado a la derecha */
html body .sh{position:relative!important;overflow:hidden;padding:0!important;min-height:420px;display:flex!important;align-items:center}
html body .sh .sh-in{position:relative;z-index:1;width:100%;max-width:1232px;margin:0 auto!important;padding:56px 24px!important;box-sizing:border-box}
html body .sh h1{font-family:'Bebas Neue',Impact,'Arial Narrow',sans-serif!important;font-weight:400!important;text-transform:uppercase;letter-spacing:0!important;font-size:clamp(46px,6vw,76px)!important;line-height:.95!important;max-width:560px!important}
html body .sh h1 *{font-family:inherit!important}
html body .sh .sh-p{display:none!important}
html body .sh .shf{max-width:560px!important;background:#fff!important;border-radius:99px!important;padding:6px!important}
html body .sh .shf input,html body .sh .shf .shq,html body .sh .shf .shq *{color:#111!important}
html body .sh .shf svg{color:#555!important}
html body .sh .shf #shG,html body .sh .shf #shB{display:none!important}
html body .sh .shf .btn.hot{background:#111!important;color:#fff!important;border-radius:99px!important}
html body .sh .shf .btn.hot *{background:none!important;color:#fff!important}
html body .sh .shf .shq kbd,html body .sh .shf .shq .k{display:none!important}
html body .sh .shp{margin-top:18px}
html body .hft{position:absolute;right:0;top:0;bottom:0;width:46%;z-index:0}
html body .hft[hidden]{display:none!important}
html body .hft img{width:100%;height:100%;object-fit:cover;display:block}
html body .hft-t{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:flex-end;gap:16px;padding:20px 28px;background:rgba(0,0,0,.62);text-align:right}
html body .hft-t b{display:block;font-family:'Bebas Neue',Impact,sans-serif;font-weight:400;font-size:30px;line-height:1;text-transform:uppercase}
html body .hft-t small{color:#bbb;font-size:14px}
html body .hft-t .pb{flex:none;width:44px;height:44px;border-radius:50%;background:#fff!important;color:#111!important;border:0;display:grid;place-items:center}
@media(max-width:860px){html body .hft{display:none!important}html body .sh{min-height:0}}

html body .sh .shf{display:flex!important;align-items:center}
html body .sh .shf .shq{flex:1 1 auto!important;min-width:0;display:flex;align-items:center}
html body .sh .shf .shq input{flex:1;width:100%;min-width:0}
html body .sh .rotl{display:none!important}
html body .sh .rotl,html body .sh .rotw{display:none!important}
html body .sh h1{font-size:clamp(44px,5vw,64px)!important;max-width:600px!important}
/* mezcla: buscador simple tipo BeatStars + tarjetas y tipografía de untitled */
html body .sh{min-height:440px!important}
html body .sh h1{font-family:'Instrument Sans',sans-serif!important;font-weight:600!important;text-transform:none!important;letter-spacing:-.045em!important;font-size:clamp(38px,4.4vw,58px)!important;line-height:1.02!important;max-width:560px!important}
html body .hft{left:auto!important;bottom:auto!important;top:50%!important;transform:translateY(-50%);right:max(24px,calc((100% - 1232px)/2))!important;width:340px!important;padding:12px;box-sizing:border-box;background:#232323;border-radius:20px}
html body .hft img{aspect-ratio:1;height:auto!important;border-radius:12px}
html body .hft-t{position:static!important;background:none!important;padding:14px 4px 4px!important;text-align:left!important;justify-content:space-between!important;align-items:center!important}
html body .hft-t b{font-family:'Instrument Sans',sans-serif!important;font-size:17px!important;font-weight:600;text-transform:none!important;letter-spacing:-.02em}
html body .hft-t small{display:block;margin-top:2px}
@media(max-width:1100px){html body .hft{display:none!important}}

html.stu body,html.stu body *,html body.stu *{background-image:none!important}
html.stu body::before,html.stu body::after,html.stu .sdw::before,html.stu .sdw::after,html.stu .sdw-main::before,html.stu .sdw-main::after{display:none!important;content:none!important}
html.stu .sdw-side>*,html.stu .sdw-main .cardx{background-color:#232323!important;border:0!important;border-radius:20px!important;box-shadow:none!important}
html.stu .sg .hl{background-color:#272727!important}
html.stu .btn.hot,html.stu .btn.hot *{background-color:#fff!important}

/* foto real de estudio a la derecha de la portada */
html body .hft{top:0!important;bottom:0!important;right:0!important;left:auto!important;transform:none!important;width:46%!important;padding:0!important;background:none!important;border-radius:0!important}
html body .hft img{width:100%!important;height:100%!important;aspect-ratio:auto!important;border-radius:0!important;object-fit:cover;object-position:center 30%}
@media(max-width:1100px){html body .hft{display:block!important;position:relative!important;width:100%!important;height:220px!important;order:2}html body .sh{flex-direction:column;align-items:stretch}}
html body .sh{min-height:580px!important}
html body .hft{width:50%!important}
html body .hft img{object-position:center 35%!important}
html body .sh h1{font-size:clamp(34px,4vw,50px)!important;max-width:560px!important}
/* más minimalista: menos cajas, menos texto, más aire */
html body .sh{min-height:500px!important}
html body .sh .shp,html body .hsub{display:none!important}
html body .row{padding-top:56px!important}
html body .row>.hd h2{font-size:20px!important;font-weight:500!important}
html body .vm-c{background:none!important;padding:0!important;color:#a3a3a3!important;font-weight:500}
html body .vm-c:hover{color:#fff!important}
html body .kk-g,html body .sf,html body .cardx{background:none!important;border:0!important;border-radius:0!important;padding-left:0!important;padding-right:0!important}
html body .sf{border-top:1px solid #272727!important}
html body .safe .hd h2,html body .kick2 h2{font-weight:500!important}
html body .kk-g img,html body .kk-ph{display:none!important}
html body .ft{border-top:1px solid #272727!important}
/* sin animaciones: todo aparece de inmediato */
html body *,html body *::before,html body *::after{animation:none!important;scroll-behavior:auto!important}
html body .rvx,html body .rv,html body [data-rv],html body .cr,html body .tile,html body .pd{opacity:1!important;transform:none!important;filter:none!important}
html body *{transition-property:color,background-color,border-color!important;transition-duration:.12s!important}
html body .ft-c,html body .cc,html body .pd{transform:none!important}
html body .how2 .c,html body .how2 li{background:none!important;border:0!important;border-top:1px solid #272727!important;border-radius:0!important;box-shadow:none!important}
html body .sf i,html body .how2 .c i{background:none!important;border:0!important;padding:0!important;width:auto!important;height:auto!important}
html body .how2 .c b,html body .how2 .c .n{opacity:.4}
html body .kk-g{display:block!important}
html body .kk-g>*:not(.kk-t){display:none!important}
html body .btn.hot,html body .kick2 .btn.hot{background:#fff!important;color:#111!important}
html body .sh h1{font-size:clamp(32px,3.5vw,46px)!important;max-width:min(560px,44vw)!important}
html body .prods{justify-content:flex-start!important;display:flex!important;gap:16px!important}
html body .prods .pd{width:200px!important;max-width:200px!important;margin:0!important}
html body .prods .pd .ft-c{border-radius:12px!important}
html body .kk-g{padding:24px!important}
html body .kk-t .btn.hot,html body .kk-t .btn.hot *{color:#111!important;-webkit-text-fill-color:#111!important}
/* aún más simple: sin iconos decorativos, sin cajas */
html body .how .c{background:none!important;border:0!important;border-top:1px solid #272727!important;border-radius:0!important;box-shadow:none!important;padding:16px 0 0!important}
html body .how .c .n{font-size:13px!important;font-weight:500!important;color:#666!important;margin-bottom:8px}
html body .how .c h3{font-size:16px!important;font-weight:500!important}
html body .how .c p{color:#a3a3a3!important;font-size:14px!important}
html body .cta{background:none!important;border:0!important;border-top:1px solid #272727!important;border-radius:0!important;box-shadow:none!important;padding:40px 0 !important}
html body .cta h2,html body .cta h3{font-size:22px!important;font-weight:500!important}
html body .kk-l li{padding-left:0!important}
html body .sf-g{gap:0 32px!important}
html body .sf b,html body .sf h3{font-weight:500!important}
html body .prods .pd .ft-c .cc-k{display:none!important}
html body .prods .pd .cc-g{display:none!important}
html body .kick2,html body .kick2 .kk-g,html body .kick2 .kk-t{background:none!important;background-image:none!important;box-shadow:none!important;border:0!important}
html body .kick2 h2{font-size:28px!important;letter-spacing:-.03em!important;margin:0 0 20px!important}
html body .kk-l li{margin:0 0 14px!important}
html body .kk-l li p,html body .kk-l li span{color:#a3a3a3!important;font-size:14px!important}
html body .kk-l li b,html body .kk-l li strong{font-weight:500!important;font-size:16px!important}

/* tarjetas con maqueta, como untitled */
.feat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media(max-width:1000px){.feat{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.feat{grid-template-columns:1fr}}
.fc h3{font-size:17px;font-weight:500;letter-spacing:-.02em;margin:20px 0 6px!important}
.fc p{color:#a3a3a3;font-size:14px;line-height:1.45;margin:0}
.fm{background:#282828;border-radius:20px;height:300px;overflow:hidden;display:flex;justify-content:center;align-items:flex-start;padding-top:36px}
.mk{width:78%;background:#232323;border-radius:14px;padding:12px;display:grid;gap:10px;align-content:start;min-height:300px;font-size:13px}
.mk img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;display:block}
.mt b,.ml b,.mo b,.mdf b{display:block;font-weight:500;font-size:14px}
.mt small,.ml small,.mo small,.mdf small,.mn{color:#777;font-size:12px}
.mw{display:flex;align-items:center;gap:2px;height:28px}
.mw u{flex:1;background:#555;border-radius:2px}.mw u:nth-child(-n+9){background:#e8e8e8}
.mr{display:flex;justify-content:space-between;align-items:center;color:#999;font-size:12px}
.mp{width:22px;height:22px;border-radius:50%;background:#fff;display:block}
.ml{display:flex;justify-content:space-between;align-items:center;background:#282828;border-radius:10px;padding:12px}
.ml.on{outline:1px solid #fff}
.ml span{font-weight:500}
.mo{background:#282828;border-radius:10px;padding:12px}.mo.t{display:flex;justify-content:space-between;align-items:center}
.mb{background:#fff;color:#111;text-align:center;border-radius:99px;padding:10px;font-weight:500}
.mn{text-align:center}
.mdf{background:#282828;border-radius:10px;padding:12px}

html body .fc{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
html body .ml span,html body .mo.t span,html body .mo.t b{background:none!important;border:0!important;padding:0!important}
html body .fm{width:auto!important}
html body .mk small{display:block}
/* todo más gris: fondo, tarjetas y botones */
:root{--mbg:#222222;--msf:#2e2e2e;--mln:rgba(255,255,255,.07)}
html body,html body header.nav,html body .sh,html body .ft,html body .vmp,html body .vmp-b,html body .vmp-h{background:#222222!important}
html body .cardx,html body .fl,html body .bp-side,html body .bp-main>div,html body .bp-w,html body .box,html body .cb,html body .bar,html body .fm,html body .hft{background:#2e2e2e!important}
html body .mk{background:#222222!important}
html body .ml,html body .mo,html body .mdf{background:#333333!important}
html body .btn,html body .btn.hot,html body .kick2 .btn.hot,html body .pr2,html body .vm-c,html body .mb,html body .shf .btn.hot,html body .cta .btn,html body header.nav .btn{background:#3d3d3d!important;color:#eee!important;-webkit-text-fill-color:#eee!important;border:0!important}
html body .btn:hover,html body .btn.hot:hover,html body .mb:hover{background:#353535!important}
html body .btn.hot *,html body .kk-t .btn.hot,html body .kk-t .btn.hot *,html body .shf .btn.hot *{color:#eee!important;-webkit-text-fill-color:#eee!important;background:none!important}
html body .sh .shf{background:#323232!important;border:0!important}
html body .sh .shf input,html body .sh .shf .shq,html body .sh .shf .shq *{color:#e8e8e8!important}
html body .sh .shf input::placeholder{color:#a3a3a3!important}
html body .sh .shf svg{color:#9a9a9a!important}
html body .mp{background:#ddd}
/* distribución y textos */
html body .row{max-width:1232px;margin-left:auto!important;margin-right:auto!important;padding:72px 24px 0!important;box-sizing:border-box}
html body .row>.hd{margin-bottom:20px!important}
html body .sh .sh-p{display:block!important;color:#a3a3a3!important;font-size:16px!important;line-height:1.5!important;margin:0 0 24px!important;max-width:min(460px,42vw)!important}
html body .sh h1{margin-bottom:12px!important}
html body .cta{max-width:1232px;margin:72px auto 0!important;padding:40px 24px!important;box-sizing:border-box}
html body .ft{margin-top:72px!important}
/* menos diseño: sin tarjeta de creadores ni foto en la sección de inicio */
html body #sProds .pd .ft-c{background:#2e2e2e!important}
html body header.nav a,html body header.nav button,html body header.nav .btn{color:#eee!important;-webkit-text-fill-color:#eee!important}
html body header.nav .btn,html body header.nav .nv-b{background:#3d3d3d!important}
html body .sh .shf .btn,html body .sh .shf button[type=submit]{background:#424242!important;color:#eee!important;-webkit-text-fill-color:#eee!important;box-shadow:none!important}
html body #sProds{padding-top:56px!important}
html body .kick2,html body .kick2 .kk-g,html body .kick2 .kk-t,html body .kick2 ul,html body .kick2 li{background:transparent!important;background-image:none!important}
html body .cta{padding-left:24px!important;padding-right:24px!important}
html body .cta>*{padding-left:0!important}
/* un poco más negro */
:root{--mbg:#222222;--msf:#2e2e2e}
html body,html body header.nav,html body .sh,html body .ft,html body .vmp,html body .vmp-b,html body .vmp-h{background:#222222!important}
html body .cardx,html body .fl,html body .bp-side,html body .bp-main>div,html body .bp-w,html body .box,html body .cb,html body .bar,html body .fm,html body .hft{background:#2e2e2e!important}
html body .mk{background:#222222!important}
html body .ml,html body .mo,html body .mdf{background:#343434!important}
html body .btn,html body .btn.hot,html body .kick2 .btn.hot,html body .pr2,html body .mb,html body .shf .btn.hot,html body .cta .btn,html body header.nav .btn,html body .sh .shf .btn,html body .sh .shf button[type=submit]{background:#3a3a3a!important}
html body .sh .shf{background:#1f1f1f!important}
/* sin degradados ni sombras oscuras; solo un fundido suave al aparecer */
html body *,html body *::before,html body *::after{background-image:none!important;box-shadow:none!important;text-shadow:none!important;-webkit-mask-image:none!important;mask-image:none!important}
html body img,html body video{filter:none!important}
html body .rvx{transition-property:opacity!important;transition-duration:.35s!important;transition-timing-function:ease!important;transform:none!important}
html body .rvx:not(.rvin){opacity:0!important}
html body .rvx.rvin{opacity:1!important}
html body a,html body button,html body .cr{transition-property:color,background-color,border-color,opacity!important;transition-duration:.15s!important}
html body *{filter:none!important}
html body header.nav{background:#222222!important;border-bottom:1px solid #272727!important}
html body header.nav::before,html body header.nav::after{display:none!important}
html body .kick2 *:not(.btn):not(svg):not(path){background-color:transparent!important}
/* quitar halos con mayor especificidad */
html body *:not(#_a):not(#_b),html body *:not(#_a):not(#_b)::before,html body *:not(#_a):not(#_b)::after{box-shadow:none!important;filter:none!important;text-shadow:none!important}
/* botones minimalistas: principal = píldora blanca, secundario = solo texto */
html body .btn:not(#_a):not(#_b),html body .pr2:not(#_a):not(#_b),html body .vm-c:not(#_a):not(#_b),html body .mb:not(#_a):not(#_b),html body header.nav .btn:not(#_a):not(#_b){background:none!important;border:0!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:600!important;font-size:15px!important;padding:10px 6px!important;height:auto!important;border-radius:0!important}
html body .btn:not(#_a):not(#_b):hover,html body .vm-c:not(#_a):not(#_b):hover{opacity:.7}
html body .btn.hot:not(#_a):not(#_b),html body .kick2 .btn.hot:not(#_a):not(#_b),html body .sh .shf .btn:not(#_a):not(#_b),html body header.nav .btn.hot:not(#_a):not(#_b),html body .cta .btn:not(#_a):not(#_b),html body .mb:not(#_a):not(#_b){background:#fff!important;color:#111!important;-webkit-text-fill-color:#111!important;border-radius:99px!important;padding:12px 26px!important;font-weight:600!important}
html body .btn.hot:not(#_a):not(#_b):hover,html body .sh .shf .btn:not(#_a):not(#_b):hover{background:#e6e6e6!important;opacity:1}
html body .btn.hot *,html body .sh .shf .btn *,html body .cta .btn *,html body .kk-t .btn.hot *{color:#111!important;-webkit-text-fill-color:#111!important;background:none!important}
html body header.nav .btn.hot:not(#_a):not(#_b){padding:10px 22px!important}
html body .hft .pb{background:#fff!important;color:#111!important}
html body .kk-g:not(#_a):not(#_b),html body .kick2:not(#_a):not(#_b){background:transparent!important;background-color:transparent!important}
html body .bar:not(#_a):not(#_b){background:#2e2e2e!important;border:1px solid #3d3d3d!important}
/* perfil de artista y botones de las tarjetas, más claros */
html body .pf2{display:flex!important;align-items:center;gap:36px;max-width:1232px;margin:0 auto!important;padding:56px 24px 28px!important;box-sizing:border-box}
html body .pf2-av{flex:none;width:168px;height:168px;border-radius:24px;overflow:hidden;background:#2e2e2e!important}
html body .pf2-av img{width:100%!important;height:100%!important;object-fit:cover;border-radius:0!important}
html body .pf2-b{display:grid;gap:10px;justify-items:start;min-width:0}
html body .pf2-k{background:#2e2e2e!important;color:#bbb!important;border-radius:99px;padding:5px 12px;font-size:12px!important;letter-spacing:.08em;text-transform:uppercase}
html body .pf2 h1{font-size:clamp(36px,5vw,56px)!important;line-height:1!important;margin:0!important;letter-spacing:-.04em!important}
html body .pf2-g{color:#a3a3a3!important;margin:0!important;font-size:15px!important}
html body .pf2-bio{color:#c9c9c9!important;max-width:62ch;margin:0!important;line-height:1.55!important}
html body .pf2-st{display:flex!important;gap:24px;flex-wrap:wrap;color:#a3a3a3;font-size:14px}
html body .pf2-st b{color:#fff;font-weight:600;margin-right:4px}
html body .pf2-a{display:flex!important;gap:10px;flex-wrap:wrap;margin-top:4px}
html body .pf2-a .btn:not(#_a):not(#_b){background:#2e2e2e!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-radius:99px!important;padding:10px 22px!important;font-size:14px!important}
html body .pf2-a #pFol:not(#_a):not(#_b){background:#fff!important;color:#111!important;-webkit-text-fill-color:#111!important}
@media(max-width:700px){html body .pf2{flex-direction:column;align-items:flex-start;gap:20px;padding-top:32px!important}html body .pf2-av{width:120px;height:120px}}
/* tarjetas de beats */
html body .tile h3{margin:14px 0 2px!important;font-size:16px!important}
html body .tile .by{margin:0 0 6px!important}
html body .tile .buy{display:grid!important;grid-template-columns:1fr auto;gap:8px;margin-top:12px}
html body .tile .buy .pr:not(#_a):not(#_b){background:#fff!important;color:#111!important;-webkit-text-fill-color:#111!important;border:0!important;border-radius:99px!important;padding:11px 16px!important;font-weight:600!important}
html body .tile .buy .pr.in:not(#_a):not(#_b){background:#2e2e2e!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html body .tile .buy .dl:not(#_a):not(#_b){background:#2e2e2e!important;color:#fff!important;border:0!important;border-radius:99px!important;padding:11px 18px!important}
html body .tile .buy .ng:not(#_a):not(#_b){grid-column:1/-1;background:none!important;border:0!important;color:#a3a3a3!important;justify-content:center;padding:6px!important;font-size:13px!important;font-weight:500!important}
html body .tile .buy .ng:hover{color:#fff!important}
/* el reproductor no se encima a las ventanas (iniciar sesión, carrito, etc.) */
body:has(.md.on) .bar,body:has(.cartBg.on) .bar,body:has(#cart.on) .bar{display:none!important}
/* ===== mejoras sutiles: iconos, interacción y entradas suaves ===== */
html body svg.ic:not(#_a):not(#_b){width:17px!important;height:17px!important;min-width:0!important;border:0!important;background:none!important;padding:0!important;border-radius:0!important;margin-right:8px;display:inline-block!important;flex:none;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px}
html body svg.ic.r:not(#_a):not(#_b){margin-right:0;margin-left:8px}
html body .btn:not(#_a):not(#_b),html body .pr2:not(#_a):not(#_b){display:inline-flex;align-items:center;justify-content:center}
html body .btn:not(#_a):not(#_b):active,html body .pr2:not(#_a):not(#_b):active{transform:scale(.97)}
html body .vm-c svg{transition:transform .2s ease}
html body .vm-c:hover svg{transform:translateX(4px)}
html body .fc .fm{transition:transform .3s ease}
html body .fc:hover .fm{transform:translateY(-3px)}
html body .row>.hd h2:not(#_a):not(#_b)::before{content:""!important;display:inline-block!important;width:16px;height:2px;margin-right:10px;vertical-align:middle;background-color:#fff!important}
html body .sh .shf{transition:background-color .2s ease}
html body .sh .shf:focus-within{background:#343434!important}
@keyframes mfade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){
 html body .sh .sh-in>*:not(#_a):not(#_b){animation:mfade .6s ease both!important}
 html body .sh .sh-in>*:nth-child(3):not(#_a){animation-delay:.1s!important}
 html body .sh .sh-in>*:nth-child(4):not(#_a){animation-delay:.2s!important}
 html body .sh .sh-in>*:nth-child(5):not(#_a){animation-delay:.3s!important}
 html body .hft img:not(#_a):not(#_b){animation:mfade .9s ease both!important}
 html body .rvx:not(.rvin){transform:translateY(10px)!important}
 html body .rvx{transition-property:opacity,transform!important;transition-duration:.5s!important}
}
html body .shf .btn svg.ic:not(#_a):not(#_b){display:inline-block!important;stroke:#111!important;color:#111!important;opacity:1!important;visibility:visible!important}
html body .cr.ft .ft-p:not(#_a):not(#_b){width:100%!important;background:#2e2e2e!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-radius:99px!important;padding:12px 16px!important;justify-content:center}
html body .cr.ft .ft-p:not(#_a):not(#_b):hover{background:#fff!important;color:#111!important;-webkit-text-fill-color:#111!important}
html body .cr.ft .ft-p:not(#_a):not(#_b):hover svg{stroke:#111}

/* iconos de línea en listas de texto (home) */
html body .sf i,html body .kk-l li>i{display:inline-flex!important;background:none!important;border:0!important;width:auto!important;height:auto!important;color:#fff}
html body .sf i svg,html body .kk-l li>i svg{width:22px!important;height:22px!important;stroke-width:1.7}
html body .sf{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:start}
html body .sf>i{grid-row:1/3}
/* planes: tarjetas planas con lista de iconos */
html body .pcs{background:#2e2e2e!important;border:0!important;border-radius:24px!important;box-shadow:none!important;text-align:left}
html body .pcs.on{outline:1px solid #fff;outline-offset:-1px}
html body .pcs-h b{font-size:26px!important;font-weight:600!important;letter-spacing:-.03em}
html body .pcs-tg{color:#a3a3a3!important;font-size:14px!important}
html body .pcs-p strong{font-size:34px!important;font-weight:600!important}
html body .pcs-pk{list-style:none;padding:0!important;margin:18px 0 0!important;display:grid;gap:18px}
html body .pcs-pk li{display:grid!important;grid-template-columns:24px 1fr;gap:14px;align-items:start;padding:0!important;background:none!important}
html body .pcs-pk li::before,html body .pcs-pk li::after{display:none!important;content:none!important}
html body .pcs-pk .pk{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}
html body .pcs-pk b{display:block;font-size:15px;font-weight:600;color:#fff}
html body .pcs-pk small{display:block;font-size:13px;color:#a3a3a3;line-height:1.45;margin-top:2px}
/* planes: fondo plano y variaciones suaves entre tarjetas */
html body #mPlans:not(#_a):not(#_b),html body #mPlans>.box.plpg:not(#_a):not(#_b),html body .plpg:not(#_a):not(#_b){background:#222222!important;background-image:none!important}
html body .pcs{position:relative;transition:transform .25s ease,background-color .25s ease}
html body .pcs:hover{transform:translateY(-4px)}
html body .pcs[data-t="0"]{background:#282828!important}
html body .pcs[data-t="1"]{background:#303030!important}
html body .pcs[data-t="2"]{background:#363636!important}
html body .pcs[data-t="3"]{background:#3e3e3e!important}
html body .pcs-rb:not(#_a):not(#_b){position:absolute!important;top:18px!important;right:18px!important;left:auto!important;background:#fff!important;color:#111!important;border-radius:99px!important;padding:4px 10px!important;font-size:11px!important;font-weight:600!important;letter-spacing:.04em;text-transform:uppercase;transform:none!important}
html body .pcs-ic:not(#_a):not(#_b){background:#3d3d3d!important;border-radius:10px!important;color:#fff!important}
html body .pcs.pop .pcs-ic:not(#_a):not(#_b){background:#fff!important;color:#111!important}
html body .pcs-pk li{transition:transform .2s ease}
html body .pcs-pk li:hover{transform:translateX(3px)}
html body .pcs-sel:not(#_a):not(#_b){background:#3d3d3d!important;color:#fff!important;border-radius:99px!important;padding:12px!important;text-align:center;transition:background-color .2s ease}
html body .pcs:hover .pcs-sel:not(#_a):not(#_b){background:#fff!important;color:#111!important}
@media(prefers-reduced-motion:no-preference){
 html body #mPlans .pcs:not(#_a):not(#_b){animation:mfade .5s ease both!important}
 html body #mPlans .pcs:nth-child(2):not(#_a){animation-delay:.08s!important}
 html body #mPlans .pcs:nth-child(3):not(#_a){animation-delay:.16s!important}
 html body #mPlans .pcs:nth-child(4):not(#_a){animation-delay:.24s!important}
 html body #mPlans .pcs-pk li:not(#_a):not(#_b){animation:mfade .5s ease both!important;animation-delay:.3s!important}
}
/* más grises: bandas por sección y tonos que cambian de una tarjeta a otra */
html body .row{position:relative;isolation:isolate}
html body .row::before{content:"";position:absolute;z-index:-1;left:50%;width:100vw;transform:translateX(-50%);top:0;bottom:0;background-color:transparent}
html body #sProds::before{background-color:#272727!important;content:""!important;display:block!important}
html body #empieza::before{background-color:#212121!important;content:""!important;display:block!important}
html body #seguro::before{background-color:#272727!important;content:""!important;display:block!important}
html body #como::before{background-color:#222222!important;content:""!important;display:block!important}
html body #sProds,html body #empieza,html body #seguro,html body #como{padding-bottom:72px!important}
html body .ft:not(#_a):not(#_b){background:#1b1b1b!important}
html body header.nav:not(#_a):not(#_b){background:#232323!important}
/* tarjetas de beats: el botón cambia de gris en cada una */
html body #chart .cr.ft:nth-child(1) .ft-p:not(#_a):not(#_b){background:#323232!important}
html body #chart .cr.ft:nth-child(2) .ft-p:not(#_a):not(#_b){background:#383838!important}
html body #chart .cr.ft:nth-child(3) .ft-p:not(#_a):not(#_b){background:#404040!important}
html body #chart .cr.ft:nth-child(4) .ft-p:not(#_a):not(#_b){background:#464646!important}
html body #chart .cr.ft:nth-child(5) .ft-p:not(#_a):not(#_b){background:#4c4c4c!important}
/* maquetas de «cómo funciona» */
html body .fc:nth-child(1) .fm:not(#_a){background:#2a2a2a!important}
html body .fc:nth-child(2) .fm:not(#_a){background:#313131!important}
html body .fc:nth-child(3) .fm:not(#_a){background:#363636!important}
html body .fc:nth-child(4) .fm:not(#_a){background:#3d3d3d!important}
html body .fc .mk:not(#_a){background:#232323!important}
html body .fc:nth-child(odd) .ml:not(#_a),html body .fc:nth-child(odd) .mo:not(#_a){background:#323232!important}
/* acciones de la portada */
html body .sh .shf:not(#_a):not(#_b){background:#2e2e2e!important}
html body .shp button:not(#_a):not(#_b){background:#2a2a2a!important}
html body .shp button:nth-child(even):not(#_a):not(#_b){background:#343434!important}
html body .shp button:hover:not(#_a):not(#_b){background:#fff!important;color:#111!important}
/* ventanas y paneles con un gris propio */
html body .md>*:not(#_a):not(#_b){background:#272727!important}
html body .cb:not(#_a):not(#_b){background:#272727!important}
/* pasar el cursor cambia de gris */
html body .cardx:not(#_a):hover,html body .sf:hover{background-color:#323232!important}

/* creadores: tarjeta horizontal con avatar redondo */
html body .prods .pd.cc:not(#_a):not(#_b){display:grid!important;grid-template-columns:72px 1fr;grid-template-areas:"av t" "av a" "p p";column-gap:16px;row-gap:2px;align-items:center;width:320px!important;max-width:100%!important;padding:18px!important;background:#323232!important;border-radius:20px!important;text-decoration:none;transition:background-color .2s ease,transform .2s ease}
html body .prods .pd.cc:hover{background:#3d3d3d!important;transform:translateY(-3px)}
html body .prods .pd.cc .ft-c{grid-area:av;width:72px!important;height:72px!important;border-radius:50%!important;overflow:hidden;margin:0!important;aspect-ratio:1!important;background:#222222!important}
html body .prods .pd.cc .ft-c img,html body .prods .pd.cc .ft-c .cc-ph{width:100%!important;height:100%!important;object-fit:cover;border-radius:50%!important}
html body .prods .pd.cc .cc-ph img{padding:14px;box-sizing:border-box}
html body .prods .pd.cc .ft-t{grid-area:t;font-size:17px!important;margin:0!important}
html body .prods .pd.cc .ft-a{grid-area:a;margin:0!important;color:#a3a3a3!important}
html body .prods .pd.cc .ft-p{grid-area:p;margin-top:14px!important;background:#222222!important;color:#fff!important;text-align:center;padding:10px!important;border-radius:99px!important}
html body .prods .pd.cc:hover .ft-p{background:#fff!important;color:#111!important}
html body .prods .pd.cc .cc-k,html body .prods .pd.cc .cc-g{display:none!important}
html body .prods .pd.cc .ft-c{position:relative!important}
html body .prods .pd.cc .ft-c .cc-ph{position:static!important;display:grid!important;place-items:center;background:#222222!important}
html body .prods .pd.cc .ft-c .cc-ph img{padding:16px!important;object-fit:contain!important;border-radius:0!important}
html body .prods .pd.cc .ft-p:not(#_a):not(#_b){position:static!important;display:block!important;width:auto!important;transform:none!important;opacity:1!important}
html body .kk-g:not(#_a):not(#_b):not(#_c),html body .kick2 .kk-t:not(#_a):not(#_b):not(#_c){background:transparent!important;background-color:transparent!important}
html body #empieza,html body #seguro,html body #como,html body #sProds,html body #sChart{width:100%!important;max-width:1232px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
html body .prods .pd.cc:not(#_a):not(#_b){grid-template-areas:none!important;grid-template-columns:72px 1fr!important;grid-template-rows:auto auto auto!important}
html body .prods .pd.cc .ft-c:not(#_a):not(#_b){grid-area:auto!important;grid-column:1!important;grid-row:1/3!important;align-self:center}
html body .prods .pd.cc .ft-t:not(#_a):not(#_b){grid-area:auto!important;grid-column:2!important;grid-row:1!important;align-self:end}
html body .prods .pd.cc .ft-a:not(#_a):not(#_b){grid-area:auto!important;grid-column:2!important;grid-row:2!important;align-self:start}
html body .prods .pd.cc .ft-p:not(#_a):not(#_b){grid-area:auto!important;grid-column:1/3!important;grid-row:3!important}

/* grises claros para contrastar */
html body .sh .shf:not(#_a):not(#_b){background:#e6e6e6!important}
html body .sh .shf input:not(#_a),html body .sh .shf .shq *:not(#_a),html body .sh .shf select:not(#_a){color:#222!important}
html body .sh .shf input::placeholder{color:#666!important}
html body .sh .shf svg:not(.ic){color:#555!important}
html body .sh .shf .btn:not(#_a):not(#_b){background:#323232!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html body .sh .shf .btn svg.ic:not(#_a):not(#_b){stroke:#fff!important;color:#fff!important}
html body #como::before{background-color:#d9d9d9!important}
html body #como h2,html body #como h3,html body #como .fc b{color:#222!important}
html body #como p,html body #como .fc p{color:#555!important}
html body #como .row>.hd h2::before,html body #como .hd h2::before{background-color:#222!important}
html body .pcs.pop:not(#_a):not(#_b){background:#e6e6e6!important}
html body .pcs.pop *:not(svg):not(path):not(.pcs-rb):not(.pcs-ic):not(.pcs-sel){color:#222!important}
html body .pcs.pop small,html body .pcs.pop .pcs-pk small,html body .pcs.pop .pcs-tg{color:#666!important}
html body .pcs.pop .pcs-pk .pk{stroke:#222!important}
html body .pcs.pop .pcs-rb:not(#_a):not(#_b){background:#222!important;color:#fff!important}
html body .pcs.pop .pcs-ic:not(#_a):not(#_b){background:#222!important;color:#fff!important}
html body .prods .pd.cc:not(#_a):not(#_b){background:#d9d9d9!important}
html body .prods .pd.cc .ft-t,html body .prods .pd.cc .ft-a{color:#222!important}
html body .prods .pd.cc .ft-a{color:#666!important}
html body .prods .pd.cc .ft-p:not(#_a):not(#_b){background:#323232!important;color:#fff!important}
/* textos sueltos como botones con contorno minimalista */
html body .btn:not(.hot):not(#_a):not(#_b),html body .vm-c:not(#_a):not(#_b),html body .sf-l:not(#_a):not(#_b),html body header.nav a.nv:not(#_a):not(#_b),html body header.nav .btn.ghost:not(#_a):not(#_b),html body .tile .buy .ng:not(#_a):not(#_b),html body .hd a:not(#_a):not(#_b){display:inline-flex!important;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.22)!important;border-radius:99px!important;padding:9px 18px!important;background:transparent!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:500!important;font-size:14px!important;text-decoration:none!important;transition:background-color .2s ease,border-color .2s ease,color .2s ease}
html body .btn:not(.hot):not(#_a):not(#_b):hover,html body .vm-c:not(#_a):not(#_b):hover,html body .sf-l:not(#_a):not(#_b):hover,html body header.nav a.nv:not(#_a):not(#_b):hover,html body .tile .buy .ng:not(#_a):not(#_b):hover{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.5)!important;opacity:1!important}
html body header.nav .btn:not(.hot):not(#_a):not(#_b){padding:8px 16px!important}
html body .sf-l:not(#_a):not(#_b){margin-top:18px}
html body #como .sf-l,html body #como .btn:not(.hot){color:#222!important;-webkit-text-fill-color:#222!important;border-color:rgba(0,0,0,.25)!important}
html body .pf2-a .btn:not(#_a):not(#_b){border:1px solid rgba(255,255,255,.22)!important;background:transparent!important}
html body .pf2-a #pFol:not(#_a):not(#_b){border:0!important;background:#fff!important}
html body header.nav .gbtn.guest:not(.hot):not(#_a):not(#_b){display:inline-flex!important;align-items:center;border:1px solid rgba(255,255,255,.22)!important;border-radius:99px!important;padding:8px 16px!important;background:transparent!important;color:#fff!important;font-weight:500!important}
html body header.nav .gbtn.guest:not(.hot):hover{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.5)!important}
/* página del beat más grande y cercana */
@media(min-width:900px){html body #beat .bp{zoom:1.16}}
@media(min-width:1500px){html body #beat .bp{zoom:1.1}}
html body #beat .bp-cv{max-width:none!important}

/* más oscura, con blanco para contraste */
html body #como::before{background-color:#f2f2f2!important}
html body #como h2,html body #como h3,html body #como .fc b{color:#1c1c1c!important}
html body .fc .fm:not(#_a){background:#dcdcdc!important}
html body .fc .mk:not(#_a){background:#fff!important}
html body .fc .mk,html body .fc .mk b,html body .fc .mk span{color:#1c1c1c!important}
html body .fc .mk small{color:#777!important}
html body .fc .ml:not(#_a),html body .fc .mo:not(#_a),html body .fc .mdf:not(#_a){background:#efefef!important}
html body .fc .mb:not(#_a){background:#1c1c1c!important;color:#fff!important}
html body .fc .ml.on{outline-color:#1c1c1c}
html body #seguro::before{background-color:#262626!important}
html body .fc .mo:not(#_a):not(#_b),html body .fc .mo.t:not(#_a):not(#_b),html body .fc .md:not(#_a):not(#_b){background:#efefef!important}
html body .fc .mo b,html body .fc .mo span{color:#1c1c1c!important}
html body .lks>*:not(#_a):not(#_b),html body .lk:not(#_a):not(#_b),html body .lkc2:not(#_a):not(#_b){background:#2c2c2c!important}
html body #beat [class*="lic"]:not(#_a):not(#_b){background-color:#2c2c2c}
/* menos blanco: vuelven los grises oscuros (el blanco solo en botones principales) */
html body .sh .shf:not(#_a):not(#_b){background:#333!important}
html body .sh .shf input:not(#_a),html body .sh .shf .shq *:not(#_a),html body .sh .shf select:not(#_a){color:#eee!important}
html body .sh .shf input::placeholder{color:#999!important}
html body .sh .shf svg:not(.ic){color:#bbb!important}
html body .sh .shf .btn:not(#_a):not(#_b){background:#fff!important;color:#111!important;-webkit-text-fill-color:#111!important}
html body .sh .shf .btn svg.ic:not(#_a):not(#_b){stroke:#111!important;color:#111!important}
html body #como::before{background-color:#2b2b2b!important}
html body #como h2,html body #como h3,html body #como .fc b{color:#fff!important}
html body #como p,html body #como .fc p{color:#9a9a9a!important}
html body #como .hd h2::before{background-color:#fff!important}
html body .fc:nth-child(1) .fm:not(#_a){background:#343434!important}
html body .fc:nth-child(2) .fm:not(#_a){background:#383838!important}
html body .fc:nth-child(3) .fm:not(#_a){background:#3c3c3c!important}
html body .fc:nth-child(4) .fm:not(#_a){background:#404040!important}
html body .fc .mk:not(#_a){background:#262626!important}
html body .fc .mk,html body .fc .mk b,html body .fc .mk span,html body .fc .mo b,html body .fc .mo span{color:#f2f2f2!important}
html body .fc .mk small{color:#a3a3a3!important}
html body .fc .ml:not(#_a),html body .fc .mo:not(#_a),html body .fc .mo.t:not(#_a):not(#_b),html body .fc .mdf:not(#_a){background:#303030!important}
html body .fc .mb:not(#_a){background:#fff!important;color:#111!important}
html body .fc .ml.on{outline-color:#fff}
html body .pcs.pop:not(#_a):not(#_b){background:#3a3a3a!important}
html body .pcs.pop *:not(svg):not(path):not(.pcs-rb):not(.pcs-ic):not(.pcs-sel){color:#fff!important}
html body .pcs.pop small,html body .pcs.pop .pcs-pk small,html body .pcs.pop .pcs-tg{color:#aaa!important}
html body .pcs.pop .pcs-pk .pk{stroke:#fff!important}
html body .pcs.pop .pcs-rb:not(#_a):not(#_b){background:#fff!important;color:#111!important}
html body .pcs.pop .pcs-ic:not(#_a):not(#_b){background:#fff!important;color:#111!important}
html body .prods .pd.cc:not(#_a):not(#_b){background:#333!important}
html body .prods .pd.cc .ft-t{color:#fff!important}
html body .prods .pd.cc .ft-a{color:#999!important}
html body .prods .pd.cc .ft-p:not(#_a):not(#_b){background:#262626!important;color:#fff!important}
html body .prods .pd.cc:hover .ft-p{background:#fff!important;color:#111!important}
html body #como .sf-l,html body #como .btn:not(.hot){color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:rgba(255,255,255,.22)!important}
/* más variedad de gris oscuro en las bandas */
html body #sProds::before{background-color:#262626!important}
html body #empieza::before{background-color:#222!important}
html body #seguro::before{background-color:#2a2a2a!important}
html body .ft:not(#_a):not(#_b){background:#202020!important}
html body .fc .mo:not(#_a):not(#_b):not(#_c),html body .fc .md:not(#_a):not(#_b):not(#_c){background:#303030!important}
/* acentos de color sutiles por zona (tonos apagados) y pequeños detalles */
:root{--ac1:#7f93b8;--ac2:#7fae95;--ac3:#c08f72;--ac4:#a58bb8;--ac5:#c4b36e}
/* foto de estudio: tinte frío, marco y etiquetas */
html body .hft{position:absolute}
html body .hft::after{content:"";position:absolute;inset:0;background-color:var(--ac1);mix-blend-mode:multiply;opacity:.55;pointer-events:none;display:block!important}
html body .hft::before{content:"Estudio · Cancún, México";position:absolute;left:20px;bottom:20px;z-index:2;background:rgba(32,32,32,.88);color:#fff;font-size:12px;font-weight:500;letter-spacing:.04em;padding:7px 14px;border-radius:99px;display:block!important}
html body .hft img{filter:grayscale(.35) contrast(1.05)!important}
/* encabezados de sección con su acento */
html body #sChart .hd h2::before{background-color:var(--ac1)!important}
html body #sProds .hd h2::before{background-color:var(--ac2)!important}
html body #empieza h2::before{background-color:var(--ac3)!important;content:"";display:inline-block;width:16px;height:2px;margin-right:10px;vertical-align:middle}
html body #seguro .hd h2::before{background-color:var(--ac4)!important}
html body #como .hd h2::before{background-color:var(--ac5)!important}
/* bandas con un matiz */
html body #sProds::before{background-color:#262b28!important}
html body #empieza::before{background-color:#2a2623!important}
html body #seguro::before{background-color:#282630!important}
html body #como::before{background-color:#26282e!important}
/* destacados: acento y punto de color en cada tarjeta */
html body #chart .cr.ft{position:relative}
html body #chart .cr.ft::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;border-radius:3px;background-color:var(--ac1);display:block!important;z-index:2}
html body #chart .cr.ft:nth-child(2)::after{background-color:var(--ac2)}
html body #chart .cr.ft:nth-child(3)::after{background-color:var(--ac3)}
html body #chart .cr.ft:nth-child(4)::after{background-color:var(--ac4)}
html body #chart .cr.ft:nth-child(5)::after{background-color:var(--ac5)}
html body #chart .cr.ft .ft-a::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px;vertical-align:1px;background-color:var(--ac1)}
html body #chart .cr.ft:nth-child(2) .ft-a::before{background-color:var(--ac2)}
html body #chart .cr.ft:nth-child(3) .ft-a::before{background-color:var(--ac3)}
html body #chart .cr.ft:nth-child(4) .ft-a::before{background-color:var(--ac4)}
html body #chart .cr.ft:nth-child(5) .ft-a::before{background-color:var(--ac5)}
/* «cómo funciona»: cada maqueta con su tono, número y detalle */
html body .fc .fm{position:relative}
html body .fc .fm::before{content:attr(data-n);}
html body .fc:nth-child(1) .fm:not(#_a):not(#_b){background:#2c313b!important}
html body .fc:nth-child(2) .fm:not(#_a):not(#_b){background:#2b3631!important}
html body .fc:nth-child(3) .fm:not(#_a):not(#_b){background:#38302b!important}
html body .fc:nth-child(4) .fm:not(#_a):not(#_b){background:#332e3a!important}
html body .fc .fm::after{position:absolute;top:14px;right:14px;font-size:11px;font-weight:600;letter-spacing:.06em;padding:4px 10px;border-radius:99px;color:#111;display:block!important;z-index:2}
html body .fc:nth-child(1) .fm::after{content:"PASO 1";background:var(--ac1)}
html body .fc:nth-child(2) .fm::after{content:"PASO 2";background:var(--ac2)}
html body .fc:nth-child(3) .fm::after{content:"PASO 3";background:var(--ac3)}
html body .fc:nth-child(4) .fm::after{content:"PASO 4";background:var(--ac4)}
html body .fc:nth-child(1) .mp{background:var(--ac1)}
html body .fc:nth-child(2) .ml.on{outline-color:var(--ac2)}
html body .fc:nth-child(3) .mb:not(#_a){background:var(--ac3)!important;color:#111!important}
html body .fc:nth-child(4) .mdf{border-left:3px solid var(--ac4)}
html body .fc:nth-child(3) .mb:not(#_a):not(#_b):not(#_c){background:var(--ac3)!important;color:#111!important}
/* iconos mejorados: en casillas suaves con color de acento */
html body .sf>i:not(#_a):not(#_b),html body .kk-l li>i:not(#_a):not(#_b){display:grid!important;place-items:center;width:44px!important;height:44px!important;border-radius:14px!important;background:rgba(255,255,255,.07)!important;color:var(--ac1)!important;flex:none}
html body .sf>i svg,html body .kk-l li>i svg{width:22px!important;height:22px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.6!important}
html body .sf:nth-child(4n+2)>i,html body .kk-l li:nth-child(4n+2)>i{color:var(--ac2)!important}
html body .sf:nth-child(4n+3)>i,html body .kk-l li:nth-child(4n+3)>i{color:var(--ac3)!important}
html body .sf:nth-child(4n)>i,html body .kk-l li:nth-child(4n)>i{color:var(--ac4)!important}
html body .sf:hover>i{background:rgba(255,255,255,.12)!important}
html body .kk-l li{display:grid!important;grid-template-columns:44px 1fr;column-gap:16px;align-items:start}
html body .pcs-pk .pk{box-sizing:content-box;padding:8px;border-radius:11px;background:rgba(255,255,255,.07);width:20px!important;height:20px!important;margin-top:0!important}
html body .pcs-pk li{grid-template-columns:36px 1fr!important}
html body .pcs.pop .pcs-pk .pk{background:rgba(255,255,255,.14)}
html body svg.ic:not(#_a):not(#_b){stroke-width:1.9;width:18px!important;height:18px!important}
html body .hft::before{content:none!important;display:none!important}
html body .kk-l li>i svg,html body .kk-l li>i svg *{stroke-dasharray:none!important;stroke-dashoffset:0!important;opacity:1!important}
/* iconos minimalistas: contorno fino, trazo claro */
html body .sf>i:not(#_a):not(#_b),html body .kk-l li>i:not(#_a):not(#_b){background:transparent!important;border:1px solid rgba(255,255,255,.16)!important;color:#f0f0f0!important;border-radius:12px!important;width:42px!important;height:42px!important;transition:border-color .2s ease,color .2s ease}
html body .sf>i svg,html body .kk-l li>i svg{width:22px!important;height:22px!important;stroke-width:1.4!important}
html body .sf:hover>i,html body .kk-l li:hover>i{border-color:var(--ac1)!important;color:var(--ac1)!important;background:transparent!important}
html body .sf:nth-child(4n+2):hover>i,html body .kk-l li:nth-child(4n+2):hover>i{border-color:var(--ac2)!important;color:var(--ac2)!important}
html body .sf:nth-child(4n+3):hover>i,html body .kk-l li:nth-child(4n+3):hover>i{border-color:var(--ac3)!important;color:var(--ac3)!important}
html body .sf:nth-child(4n):hover>i,html body .kk-l li:nth-child(4n):hover>i{border-color:var(--ac4)!important;color:var(--ac4)!important}
html body .pcs-pk .pk{background:transparent!important;border:1px solid rgba(255,255,255,.16);stroke-width:1.4!important}
html body svg.ic:not(#_a):not(#_b){stroke-width:1.7!important}
/* acentos casi grises: muy sutiles */
:root{--ac1:#8f97a6;--ac2:#929f98;--ac3:#a39a93;--ac4:#9f98a7;--ac5:#a3a090}
html body .hft::after{opacity:.12!important}
html body .hft img{filter:grayscale(.15)!important}
html body #sProds::before{background-color:#272827!important}
html body #empieza::before{background-color:#282726!important}
html body #seguro::before{background-color:#262628!important}
html body #como::before{background-color:#252627!important}
html body .fc:nth-child(1) .fm:not(#_a):not(#_b){background:#2e2f31!important}
html body .fc:nth-child(2) .fm:not(#_a):not(#_b){background:#2f3130!important}
html body .fc:nth-child(3) .fm:not(#_a):not(#_b){background:#323130!important}
html body .fc:nth-child(4) .fm:not(#_a):not(#_b){background:#313032!important}
html body .fc .fm::after:not(#_a){background:transparent}
html body .fc:nth-child(n) .fm::after{background:rgba(255,255,255,.1)!important;color:#d6d6d6!important;font-weight:500!important}
html body .fc:nth-child(1) .mp{background:#d6d6d6}
html body .fc:nth-child(2) .ml.on{outline-color:#d6d6d6}
html body .fc:nth-child(3) .mb:not(#_a):not(#_b):not(#_c){background:#e8e8e8!important;color:#111!important}
html body .fc:nth-child(4) .mdf{border-left:2px solid #777}
html body #chart .cr.ft::after{height:2px;opacity:.55}
html body #chart .cr.ft .ft-a::before{width:6px;height:6px;opacity:.8}
html body .row>.hd h2::before,html body #empieza h2::before{opacity:.7}
/* animaciones sencillas: solo fundidos y cambios de tono, movimientos mínimos */
html body .pcs-pk li:hover{transform:none!important}
html body .pcs:hover{transform:translateY(-2px)!important}
html body .fc:hover .fm{transform:none!important}
html body .prods .pd.cc:hover{transform:none!important}
html body #chart .cr.ft:hover .ft-c img,html body .tile:hover .im img{transform:scale(1.02)!important}
html body #sChart .cr.ft:hover .ft-pl{transform:none!important}
@keyframes mfade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
html body .rvx:not(.rvin){transform:translateY(6px)!important}
/* decoración de portada: anillos y onda muy tenues */
html body .sh .hdec{position:absolute;left:-180px;bottom:-240px;width:620px;height:620px;z-index:0;pointer-events:none;display:block!important}
html body .sh .hdec circle{fill:none;stroke:rgba(255,255,255,.07);stroke-width:1}
html body .sh .hdec circle.fill{fill:rgba(255,255,255,.18);stroke:none}
html body .sh .hwav{position:absolute;left:24px;bottom:22px;width:min(560px,46vw);height:48px;z-index:0;pointer-events:none;display:block!important}
html body .sh .hwav rect{fill:rgba(255,255,255,.14)}
html body .sh .sh-in{position:relative;z-index:1}
@keyframes mspin{to{transform:rotate(360deg)}}
@keyframes mwave{0%,100%{opacity:.5}50%{opacity:1}}
@media(prefers-reduced-motion:no-preference){
 html body .sh .hdec .hr1{transform-origin:300px 300px;animation:mspin 90s linear infinite!important}
 html body .sh .hwav rect:not(#_a){animation:mwave 3.2s ease-in-out infinite!important}
 html body .sh .hwav rect:nth-child(3n):not(#_a){animation-delay:.4s!important}
 html body .sh .hwav rect:nth-child(3n+1):not(#_a){animation-delay:.9s!important}
}
/* iconos de la cabecera y botones: trazo uniforme */
html body header.nav svg:not(#_a){stroke-width:1.7}
/* contornos sencillos: línea fina que se aclara un poco al pasar el cursor */
html body .fm:not(#_a),html body .prods .pd.cc:not(#_a):not(#_b),html body .pcs:not(#_a):not(#_b),html body .cardx:not(#_a),html body .bp-side:not(#_a),html body .bp-w:not(#_a),html body .box:not(#_a){border:1px solid rgba(255,255,255,.08)!important}
html body #chart .cr.ft .ft-c{border:1px solid rgba(255,255,255,.08)!important;transition:border-color .2s ease}
html body #chart .cr.ft:hover .ft-c,html body .fc:hover .fm,html body .prods .pd.cc:hover,html body .pcs:hover,html body .cardx:hover{border-color:rgba(255,255,255,.22)!important}
html body .pcs.on:not(#_a):not(#_b){border-color:#fff!important}
html body .sh .shf:not(#_a):not(#_b){border:1px solid rgba(255,255,255,.1)!important}
html body .sh .shf:focus-within{border-color:rgba(255,255,255,.35)!important}
html body .mk{border:1px solid rgba(255,255,255,.07)}
html body .fc .ml,html body .fc .mo,html body .fc .mdf{border:1px solid rgba(255,255,255,.06)}
html body input:not([type=checkbox]):not([type=range]):not(#_a),html body textarea:not(#_a),html body select:not(#_a){border:1px solid rgba(255,255,255,.1)}
html body input:focus,html body textarea:focus,html body select:focus{border-color:rgba(255,255,255,.4)!important;outline:none}
html body .ft:not(#_a):not(#_b){border-top:1px solid rgba(255,255,255,.08)!important}
/* animaciones aún más sutiles */
html body .sh .hwav rect:not(#_a){animation-duration:4.5s!important}
html body .sh .hdec .hr1{animation-duration:140s!important}
/* solo grises, con pasos bien marcados entre secciones */
:root{--ac1:#9a9a9a;--ac2:#a6a6a6;--ac3:#8e8e8e;--ac4:#b2b2b2;--ac5:#848484}
html body #sProds::before{background-color:#2b2b2b!important}
html body #empieza::before{background-color:#1f1f1f!important}
html body #seguro::before{background-color:#303030!important}
html body #como::before{background-color:#262626!important}
html body .ft:not(#_a):not(#_b){background:#1a1a1a!important}
html body header.nav:not(#_a):not(#_b){background:#242424!important}
html body .fc:nth-child(1) .fm:not(#_a):not(#_b){background:#303030!important}
html body .fc:nth-child(2) .fm:not(#_a):not(#_b){background:#353535!important}
html body .fc:nth-child(3) .fm:not(#_a):not(#_b){background:#3a3a3a!important}
html body .fc:nth-child(4) .fm:not(#_a):not(#_b){background:#404040!important}
html body .fc .mk:not(#_a){background:#232323!important}
html body .fc .ml:not(#_a),html body .fc .mo:not(#_a):not(#_b):not(#_c),html body .fc .mdf:not(#_a){background:#2e2e2e!important}
html body .pcs[data-t="0"]:not(#_a):not(#_b){background:#2a2a2a!important}
html body .pcs[data-t="1"]:not(#_a):not(#_b){background:#303030!important}
html body .pcs[data-t="2"]:not(#_a):not(#_b){background:#383838!important}
html body .pcs[data-t="3"]:not(#_a):not(#_b){background:#404040!important}
html body #chart .cr.ft:nth-child(1) .ft-p:not(#_a):not(#_b){background:#303030!important}
html body #chart .cr.ft:nth-child(2) .ft-p:not(#_a):not(#_b){background:#363636!important}
html body #chart .cr.ft:nth-child(3) .ft-p:not(#_a):not(#_b){background:#3c3c3c!important}
html body #chart .cr.ft:nth-child(4) .ft-p:not(#_a):not(#_b){background:#424242!important}
html body #chart .cr.ft:nth-child(5) .ft-p:not(#_a):not(#_b){background:#484848!important}
html body .hft::after{opacity:0!important}
/* ===== cabecera con forma, sin negro, mejor distribución y movimiento ===== */
/* los botones de invitado se ocultan cuando hay sesión (el script les pone display:none) */
html body header.nav [style*="display: none"]:not(#_a):not(#_b){display:none!important}
/* grupo derecho de la cabecera */
html body header.nav{gap:10px!important}
html body header.nav .me .mebtn:not(#_a):not(#_b),html body header.nav>button:not(.guest):not(.gbtn):not(#_a):not(#_b){height:42px!important;border:1px solid rgba(255,255,255,.14)!important;background:#2e2e2e!important;border-radius:99px!important;color:#fff!important;transition:background-color .2s ease,border-color .2s ease}
html body header.nav .me .mebtn:not(#_a):not(#_b){padding:0 14px 0 4px!important}
html body header.nav .me .mebtn i{width:32px!important;height:32px!important}
html body header.nav>button:not(.guest):not(.gbtn):not(#_a):not(#_b){min-width:42px;padding:0 16px!important;display:inline-flex;align-items:center;justify-content:center;gap:8px}
html body header.nav>#msgB:not(#_a):not(#_b){padding:0!important;width:42px}
html body header.nav .me .mebtn:hover,html body header.nav>button:hover{background:#383838!important;border-color:rgba(255,255,255,.3)!important}
/* barra de secciones de Creadores: gris, con forma y bien repartida */
html body .csn:not(#_a):not(#_b){background:#2a2a2a!important;border-bottom:1px solid rgba(255,255,255,.08)!important;padding:12px max(24px,var(--pad,24px))!important;gap:8px!important;align-items:center}
html body .csn a:not(#_a):not(#_b){padding:9px 18px!important;border:1px solid transparent!important;color:#b8b8b8!important;font-weight:500!important;transition:background-color .2s ease,border-color .2s ease,color .2s ease}
html body .csn a:hover:not(#_a):not(#_b){border-color:rgba(255,255,255,.25)!important;color:#fff!important}
html body .csn a.on:not(#_a):not(#_b){background:#3a3a3a!important;border-color:rgba(255,255,255,.3)!important;color:#fff!important}
html body .csn a.csn-st:not(#_a):not(#_b){margin-left:auto;background:#fff!important;color:#111!important;border-color:#fff!important;display:inline-flex;align-items:center;gap:8px}
/* destacados: cuadrícula a todo el ancho y fotos siempre visibles */
html body #sChart #chart{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))!important;gap:20px!important;justify-content:start}
html body #sChart #chart .cr.ft:not(#_a):not(#_b){width:auto!important;max-width:none!important;flex:none!important}
html body .ft-c img,html body .ft-c .cc-ph img,html body .tile .im img{opacity:1!important;visibility:visible!important}
html body .prods{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px!important}
html body .prods .pd.cc:not(#_a):not(#_b){width:auto!important}
html body .prods .pd.cc .ft-c{width:84px!important;height:84px!important}
html body .prods .pd.cc:not(#_a):not(#_b){grid-template-columns:84px 1fr!important}
/* «Empieza tu carrera»: dos columnas con tarjetas */
html body .kk-g{display:block!important;padding:0!important}
html body .kk-t{max-width:none!important}
html body .kk-l{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px!important;margin:24px 0 28px!important;padding:0!important;list-style:none}
html body .kk-l li:not(#_a):not(#_b){margin:0!important;padding:22px!important;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#2e2e2e;align-items:center!important;transition:border-color .2s ease,background-color .2s ease}
html body .kk-l li:hover{border-color:rgba(255,255,255,.22);background:#333}
@media(max-width:760px){html body .kk-l{grid-template-columns:1fr}}
/* Mi estudio: encabezado con forma y movimiento */
html body #studio>.hd{display:grid!important;gap:8px;margin-bottom:28px!important}
html body #studio>.hd h2{font-size:clamp(30px,4vw,44px)!important;text-transform:none!important;letter-spacing:-.03em!important;font-weight:600!important}
html body #studio>.hd h2::before{width:0!important;height:3px!important;transition:width .6s ease}
html body #studio>.hd::after{content:"Sube tus beats, revisa tus ventas y administra tu plan.";color:#a3a3a3;font-size:15px;display:block!important}
@media(prefers-reduced-motion:no-preference){
 html body #studio>.hd h2::before{animation:mgrow .7s .1s ease forwards!important}
 html body .sdw-nav button:not(#_a):not(#_b),html body .sdw-nav a:not(#_a):not(#_b){animation:mfade .45s ease both!important}
 html body .sdw-nav>*:nth-child(2):not(#_a){animation-delay:.05s!important}
 html body .sdw-nav>*:nth-child(3):not(#_a){animation-delay:.1s!important}
 html body .sdw-nav>*:nth-child(4):not(#_a){animation-delay:.15s!important}
 html body .sdw-nav>*:nth-child(5):not(#_a){animation-delay:.2s!important}
 html body .sdw-nav>*:nth-child(6):not(#_a){animation-delay:.25s!important}
 html body .sdw-main .panel>*:not(#_a):not(#_b){animation:mfade .5s .1s ease both!important}
}
@keyframes mgrow{to{width:34px}}
html body #sChart #chart{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important}
html body img.ld,html body img[data-ld]{opacity:1!important;visibility:visible!important}
/* nada en negro: tarjetas de cifras de Creadores en gris y encabezado de estudio con forma */
html body .sc:not(#_a):not(#_b):not(#_c){background:#2e2e2e!important;border:1px solid rgba(255,255,255,.08)!important;transition:border-color .2s ease,background-color .2s ease}
html body .sc:hover{border-color:rgba(255,255,255,.22)!important;background:#343434!important}
html body #studio>.hd h2:not(#_a):not(#_b):not(#_c){text-transform:none!important;font-size:clamp(30px,4vw,44px)!important;font-weight:600!important;letter-spacing:-.03em!important;margin:0!important}
html body #studio>.hd:not(#_a):not(#_b){display:grid!important;gap:8px!important;justify-items:start!important;padding:0 24px;max-width:1232px;margin:0 auto 28px!important;box-sizing:border-box}
html body #studio>.hd::after:not(#_a){content:"Sube tus beats, revisa tus ventas y administra tu plan."}
html body #studio>.hd:not(#_a):not(#_b)::after{content:"Sube tus beats, revisa tus ventas y administra tu plan.";color:#a3a3a3;font-size:15px;display:block}
html body #studio>.hd h2:not(#_a):not(#_b):not(#_c)::before{width:34px!important;height:3px!important;background-color:#fff!important}
html body #studio>.hd .hd-sub{display:block!important;margin:0!important;color:#a3a3a3!important;font-size:15px!important;text-transform:none!important;letter-spacing:0!important}
html body #studio>.hd h2 .ltr,html body #studio>.hd h2 .lw{text-transform:none!important;letter-spacing:-.03em}
html body #studio>.hd:not(#_a):not(#_b)::after{content:none!important}
html body .sdw-main .sg>div:not(#_a):not(#_b):not(#_c),html body .sdw-main .cardx:not(#_a):not(#_b):not(#_c),html body .sdw-main .panel>div:not(#_a):not(#_b):not(#_c){background:#2e2e2e!important;border:1px solid rgba(255,255,255,.08)!important}
html body .sdw-main .sg>div.hl:not(#_a){background:#363636!important}
html body .sdw-side>*:not(#_a):not(#_b):not(#_c){background:#2a2a2a!important}
/* fondo con tonos de gris y líneas que separan zonas */
:root{--g0:#1f1f1f;--g1:#242424;--g2:#2a2a2a;--g3:#303030;--g4:#363636}
html body:not(#_a){background:var(--g1)!important}
html body .sh:not(#_a):not(#_b){background:var(--g3)!important;border-bottom:1px solid rgba(255,255,255,.14)}
html body .hft{border-left:1px solid rgba(255,255,255,.16)}
html body .sh .hdots{position:absolute;left:0;top:0;width:56%;height:100%;z-index:0;pointer-events:none;display:block!important}
html body .sh .hdots circle{fill:rgba(255,255,255,.1)}
html body .sh .hdec circle{stroke:rgba(255,255,255,.1)}
html body .sh .hwav rect{fill:rgba(255,255,255,.2)}
/* bandas alternadas con línea fina arriba */
html body #sChart::before{background-color:var(--g1)!important;content:"";display:block!important}
html body #sProds::before{background-color:var(--g2)!important}
html body #empieza::before{background-color:var(--g0)!important}
html body #seguro::before{background-color:var(--g3)!important}
html body #como::before{background-color:var(--g1)!important}
html body #sProds,html body #empieza,html body #seguro,html body #como{border-top:1px solid rgba(255,255,255,.07)}
html body .cta:not(#_a):not(#_b){border-top:1px solid rgba(255,255,255,.1)!important;background:var(--g2)!important}
html body .ft:not(#_a):not(#_b){background:var(--g0)!important;border-top:1px solid rgba(255,255,255,.12)!important}
html body header.nav:not(#_a):not(#_b){background:var(--g2)!important;border-bottom:1px solid rgba(255,255,255,.1)!important}
/* líneas finas en lugar de la onda */
html body .sh .hwav{display:none!important}
html body .sh .hlin{position:absolute;left:0;bottom:0;width:min(640px,56%);height:100%;z-index:0;pointer-events:none;display:block!important}
html body .sh .hlin line{stroke:rgba(255,255,255,.11);stroke-width:1;stroke-dasharray:900;stroke-dashoffset:0}
html body .sh .hlin line.h{stroke:rgba(255,255,255,.14)}
@keyframes mdraw{from{stroke-dashoffset:900}to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:no-preference){
 html body .sh .hlin line:not(#_a):not(#_b){animation:mdraw 2.4s ease both!important;animation-delay:calc(var(--i)*60ms)!important}
 html body .sh .hdots circle:not(#_a){animation:mfade 1.6s ease both!important}
}
/* portada minimalista: solo unas pocas líneas finas */
html body .sh .hdots,html body .sh .hdec{display:none!important}
html body .sh .hlin line:not(.h){display:none!important}
html body .sh .hlin line.h{stroke:rgba(255,255,255,.16)}
html body .sh .hlin{width:min(560px,50%)}
/* planes minimalistas: sin la caja informativa interior */
html body .pcs-inf{display:none!important}
html body .pcs-st{border:0!important;padding:0!important}
html body .pcs-pk{margin-top:20px!important}
/* planes: los textos sueltos con un detalle sencillo y nada en negro */
html body #mPlans .plh>*:first-child:not(h2):not(#_a){display:inline-block;border:1px solid rgba(255,255,255,.22);border-radius:99px;padding:6px 14px;font-size:11px!important;letter-spacing:.12em}
html body #mPlans #plT:not(#_a):not(#_b){display:inline-block;padding-bottom:14px;border-bottom:2px solid #fff;margin-bottom:6px;text-transform:none!important;font-size:clamp(32px,4vw,46px)!important;letter-spacing:-.03em!important;font-weight:600!important}
html body #mPlans .plh p{color:#9a9a9a!important;max-width:520px;margin-left:auto;margin-right:auto}
html body #mPlans .plbrand:not(#_a):not(#_b){border:1px solid rgba(255,255,255,.16);border-radius:99px;padding:6px 14px;color:#cfcfcf!important;letter-spacing:.12em}
html body #mPlans .plterm:not(#_a):not(#_b){background:#2e2e2e!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:16px!important}
html body #mPlans .plf:not(#_a):not(#_b){background:#2a2a2a!important;border-top:1px solid rgba(255,255,255,.12)!important}
html body #mPlans .plnav{border-bottom:1px solid rgba(255,255,255,.1)}
html body #mPlans #plT:not(#_a):not(#_b):not(#_c){display:block!important;width:fit-content;margin:10px auto 8px!important}
html body #mPlans .plh>*:not(h2):not(p):not(#_a):not(#_b){display:table!important;margin:0 auto 14px!important;border:1px solid rgba(255,255,255,.22);border-radius:99px;padding:6px 14px;font-size:11px!important;letter-spacing:.12em;color:#cfcfcf!important}
/* ===== letras mejor colocadas, un gris más oscuro y mini animaciones ===== */
:root{--g0:#1a1a1a;--g1:#1e1e1e;--g2:#232323;--g3:#292929;--g4:#2f2f2f}
html body:not(#_a){background:var(--g1)!important}
html body .sh:not(#_a):not(#_b){background:var(--g3)!important}
html body header.nav:not(#_a):not(#_b){background:var(--g2)!important}
html body #sProds::before{background-color:var(--g2)!important}
html body #empieza::before{background-color:var(--g0)!important}
html body #seguro::before{background-color:var(--g3)!important}
html body #como::before{background-color:var(--g1)!important}
html body .cta:not(#_a):not(#_b){background:var(--g2)!important}
html body .ft:not(#_a):not(#_b){background:var(--g0)!important}
/* tarjeta de creador: separación entre foto y nombre, inicial en lugar del cuadro */
html body .prods .pd.cc:not(#_a):not(#_b){column-gap:18px!important}
html body .prods .pd.cc .ft-t:not(#_a):not(#_b){padding-left:2px}
html body .prods .pd.cc .ft-c .cc-w img{display:none!important}
html body .prods .pd.cc .ft-c .cc-w::after{content:"W";font:700 34px var(--fy-font);color:#fff;display:block}
/* buscador de la cabecera sin caja interior */
html body header.nav .search input:not(#_a):not(#_b){border:0!important;background:transparent!important}
/* perfil de artista: cifras alineadas */
html body .pf2-st:not(#_a):not(#_b){gap:26px!important}
html body .pf2-st span{padding:0!important;display:inline-flex;align-items:baseline;gap:6px}
html body .pf2-st b{margin:0!important;font-size:16px}
html body .pf2-b{gap:12px!important}
/* alineación general de títulos de sección con su rayita */
html body .row>.hd h2:not(#_a):not(#_b)::before{margin-right:12px!important;vertical-align:middle;transform-origin:left;transition:transform .5s ease}
/* mini animaciones sutiles */
@keyframes mbar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes mring{0%{opacity:.0;transform:scale(.96)}100%{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){
 html body .row.rvin>.hd h2::before,html body .rvin .hd h2::before{animation:mbar .6s ease both!important}
 html body #chart .cr.ft::after:not(#_a){transform-origin:left}
 html body #chart .cr.ft:not(#_a):not(#_b)::after{transform-origin:left;animation:mbar .7s ease both!important}
 html body #chart .cr.ft:nth-child(2)::after{animation-delay:.08s!important}
 html body #chart .cr.ft:nth-child(3)::after{animation-delay:.16s!important}
 html body #chart .cr.ft:nth-child(4)::after{animation-delay:.24s!important}
 html body #chart .cr.ft:nth-child(5)::after{animation-delay:.32s!important}
 html body .prods .pd.cc .ft-c:not(#_a):not(#_b){animation:mring .6s ease both!important}
 html body .kk-l li:not(#_a):not(#_b){animation:mfade .5s ease both!important}
 html body .kk-l li:nth-child(2){animation-delay:.08s!important}
 html body .kk-l li:nth-child(3){animation-delay:.16s!important}
 html body .kk-l li:nth-child(4){animation-delay:.24s!important}
 html body .sf:not(#_a):not(#_b){animation:mfade .5s ease both!important}
 html body .btn:not(#_a):not(#_b),html body .vm-c{transition:background-color .2s ease,border-color .2s ease,transform .15s ease!important}
}
html body a:not(.btn):not(.logo):hover{text-underline-offset:4px}
/* más aire entre Destacados y Creadores */
html body #sChart{padding-bottom:104px!important}
html body #sProds{padding-top:88px!important}
html body #sProds{margin-top:0!important}
html body #empieza{padding-top:88px!important}
html body #empieza .kk-g,html body #empieza>*{padding-left:24px!important}
/* fotos de creadores con el mismo formato que las canciones: cuadrada grande, nombre y botón debajo */
html body .prods:not(#_a):not(#_b){display:grid!important;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important;gap:20px!important}
html body .prods .pd.cc:not(#_a):not(#_b):not(#_c){display:block!important;width:auto!important;max-width:none!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;position:relative}
html body .prods .pd.cc::after:not(#_a){content:none}
html body .prods .pd.cc:not(#_a):not(#_b):not(#_c)::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--ac2);opacity:.55;transform-origin:left;display:block!important;z-index:2}
html body .prods .pd.cc .ft-c:not(#_a):not(#_b):not(#_c){display:block!important;grid-area:auto!important;grid-column:auto!important;grid-row:auto!important;width:100%!important;height:auto!important;aspect-ratio:1/1!important;border-radius:16px!important;overflow:hidden;background:#2e2e2e!important;border:1px solid rgba(255,255,255,.08)!important;margin:0 0 14px!important;position:relative}
html body .prods .pd.cc .ft-c>img:not(#_a):not(#_b){position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important;padding:0!important}
html body .prods .pd.cc .ft-c .cc-ph:not(#_a):not(#_b){position:absolute!important;inset:0;display:grid!important;place-items:center;background:#2e2e2e!important;border-radius:0!important}
html body .prods .pd.cc .ft-c .cc-w::after{font-size:72px!important}
html body .prods .pd.cc .ft-t:not(#_a):not(#_b):not(#_c){display:block!important;grid-area:auto!important;grid-column:auto!important;grid-row:auto!important;font-size:16px!important;margin:0 0 2px!important;padding:0!important}
html body .prods .pd.cc .ft-a:not(#_a):not(#_b):not(#_c){display:block!important;grid-area:auto!important;grid-column:auto!important;grid-row:auto!important;margin:0 0 12px!important;color:#a3a3a3!important}
html body .prods .pd.cc .ft-p:not(#_a):not(#_b):not(#_c){display:block!important;grid-area:auto!important;grid-column:auto!important;grid-row:auto!important;width:100%!important;box-sizing:border-box;margin:0!important;padding:12px!important;border-radius:99px!important;background:#363636!important;color:#fff!important;text-align:center;transition:background-color .2s ease,color .2s ease}
html body .prods .pd.cc:hover .ft-p:not(#_a):not(#_b){background:#fff!important;color:#111!important}
html body .prods .pd.cc:hover:not(#_a):not(#_b){background:transparent!important;border-color:transparent!important}
html body .prods .pd.cc:hover .ft-c{border-color:rgba(255,255,255,.22)!important}
/* tabla de ganancias más limpia */
html body .ptb:not(#_a):not(#_b){background:#2a2a2a!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:18px!important;padding:22px!important}
html body .ptb-h b{font-size:17px;letter-spacing:-.02em}
html body .ptb table{width:100%;border-collapse:collapse}
html body .ptb th{font-size:11px!important;letter-spacing:.08em;text-transform:uppercase;color:#a3a3a3!important;font-weight:500!important;padding:12px 10px!important;border-bottom:1px solid rgba(255,255,255,.12)!important;text-align:left}
html body .ptb td{padding:14px 10px!important;border-bottom:1px solid rgba(255,255,255,.06)!important;transition:background-color .15s ease}
html body .ptb tbody tr:hover td{background:rgba(255,255,255,.04)}
html body .ptb tbody tr:last-child td{border-bottom:0!important}
html body .ptb td b{font-size:16px}
html body .ptb-f{color:#a3a3a3!important;font-size:12.5px!important;margin:14px 0 0!important}
html body .sdw-main .panel>.sg:not(#_a):not(#_b):not(#_c):not(#_d),html body .sdw-main .panel>.rh:not(#_a):not(#_b):not(#_c):not(#_d),html body .sdw-main .panel>p:not(#_a):not(#_b):not(#_c):not(#_d){background:transparent!important;border:0!important}
/* ===== movimiento: cinta de géneros, formas flotantes y acentos de color apagados ===== */
:root{--ac1:#8b94a8;--ac2:#8fa497;--ac3:#a89a8f;--ac4:#a095ad;--ac5:#a6a28a}
.tick{overflow:hidden;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);background:var(--g2,#232323);padding:14px 0;position:relative}
.tick-t{display:flex;align-items:center;gap:14px;width:max-content}
.tick i{width:5px;height:5px;border-radius:50%;background:#555;flex:none}
html body .tick .tk:not(#_a):not(#_b){background:transparent!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:99px!important;padding:7px 18px!important;color:#d6d6d6!important;font:500 13px var(--fy-font)!important;cursor:pointer;white-space:nowrap;transition:background-color .2s ease,color .2s ease,border-color .2s ease}
html body .tick .tk:hover:not(#_a):not(#_b){background:#fff!important;color:#111!important;border-color:#fff!important}
html body .tick .tk:nth-of-type(4n+1):hover{background:var(--ac1)!important}
html body .tick .tk:nth-of-type(4n+2):hover{background:var(--ac2)!important}
html body .tick .tk:nth-of-type(4n+3):hover{background:var(--ac3)!important}
html body .tick .tk:nth-of-type(4n):hover{background:var(--ac4)!important}
.tick:hover .tick-t{animation-play-state:paused!important}
.flt{position:absolute;pointer-events:none;width:260px;height:260px;opacity:.9;z-index:-1}
.flt circle{fill:none;stroke:rgba(255,255,255,.07);stroke-width:1}
.flt.f1{right:3%;top:20%}.flt.f2{left:2%;bottom:6%}.flt.f3{right:6%;bottom:8%}
@keyframes mtick{to{transform:translateX(-50%)}}
@keyframes mfloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(8deg)}}
@keyframes mtone{0%,100%{background-color:var(--ac1)}33%{background-color:var(--ac2)}66%{background-color:var(--ac4)}}
@media(prefers-reduced-motion:no-preference){
 .tick-t:not(#_a){animation:mtick 55s linear infinite!important}
 .flt:not(#_a){animation:mfloat 14s ease-in-out infinite!important}
 .flt.f2:not(#_a){animation-duration:18s!important;animation-delay:-4s!important}
 .flt.f3:not(#_a){animation-duration:16s!important;animation-delay:-8s!important}
 html body #chart .cr.ft:not(#_a):not(#_b)::after{animation:mbar .7s ease both,mtone 12s ease-in-out 1s infinite!important}
 html body .row>.hd h2:not(#_a):not(#_b)::before{animation:mtone 12s ease-in-out infinite!important}
}
/* movimiento más sutil */
@keyframes mfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(prefers-reduced-motion:no-preference){
 .tick-t:not(#_a):not(#_b){animation-duration:110s!important}
 .flt:not(#_a):not(#_b){animation-duration:24s!important;opacity:.6}
 html body .row>.hd h2:not(#_a):not(#_b)::before{animation-duration:24s!important}
 html body #chart .cr.ft:not(#_a):not(#_b)::after{animation:mbar .7s ease both,mtone 24s ease-in-out 1s infinite!important}
}
html body .tick .tk{opacity:.85}
/* sin buscador en la cabecera ni cinta horizontal */
html body header.nav .search,html body header.nav .nsearch,html body header.nav form[role=search]:not(.shf),html body .tick{display:none!important}
/* animaciones sutiles extra */
@keyframes mkb{from{transform:scale(1)}to{transform:scale(1.035)}}
@keyframes mnudge{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}
@media(prefers-reduced-motion:no-preference){
 html body main:not(.hide):not(#_a):not(#_b){animation:mfade .45s ease both!important}
 html body .hft img:not(#_a):not(#_b){animation:mfade .9s ease both,mkb 26s ease-in-out 1s infinite alternate!important}
 html body .btn.hot:hover svg.ic.r,html body .vm-c:hover svg{animation:mnudge .6s ease!important}
 html body .cr.ft .ft-p:hover svg{animation:mnudge .6s ease!important}
 html body header.nav .logo:hover .lg-t b{letter-spacing:.06em}
}
html body header.nav .logo .lg-t b{transition:letter-spacing .35s ease}
html body header.nav a.nv,html body .csn a,html body .ft a{transition:color .2s ease,border-color .2s ease,background-color .2s ease}
html body .ft a:hover{color:#fff!important}
/* ===== todo centrado en un mismo contenedor y animaciones más finas ===== */
:root{--cw:1232px;--ease:cubic-bezier(.22,1,.36,1)}
/* cabecera alineada con el contenedor */
html body header.nav:not(#_a):not(#_b){padding-left:max(24px,calc((100% - var(--cw))/2 + 24px))!important;padding-right:max(24px,calc((100% - var(--cw))/2 + 24px))!important;box-sizing:border-box}
html body .csn:not(#_a):not(#_b){padding-left:max(24px,calc((100% - var(--cw))/2 + 24px))!important;padding-right:max(24px,calc((100% - var(--cw))/2 + 24px))!important}
/* portada: el texto empieza donde empieza el contenedor */
html body .sh .sh-in:not(#_a):not(#_b){max-width:var(--cw)!important;margin-left:auto!important;margin-right:auto!important;padding-left:24px!important;padding-right:24px!important;box-sizing:border-box}
/* secciones: título centrado, botón debajo, contenido centrado */
html body .row>.hd:not(#_a):not(#_b){flex-direction:column!important;align-items:center!important;text-align:center!important;gap:16px!important;margin-bottom:36px!important}
html body .row>.hd h2:not(#_a):not(#_b){justify-content:center!important;margin:0!important;flex:none!important;display:flex}
html body .row>.hd h2:not(#_a):not(#_b)::before{margin-right:12px!important}
html body .row>.hd .vm-c{margin:0!important}
html body #sChart #chart,html body .prods:not(#_a):not(#_b){justify-content:center!important}
html body .row p.hsub{text-align:center!important}
html body .kk-t:not(#_a):not(#_b){text-align:center}
html body .kk-t h2{justify-content:center;display:flex}
html body .kk-t .kk-b,html body .kk-t .btns{justify-content:center}
html body .kk-l li{text-align:left}
html body .sf-g{justify-items:stretch}
html body .sf-l:not(#_a):not(#_b){margin-left:auto!important;margin-right:auto!important;display:flex!important;width:fit-content}
html body #como .feat{justify-content:center}
html body .cta:not(#_a):not(#_b){text-align:center;flex-direction:column;align-items:center;gap:18px}
html body .ft-col,html body .ft .ft-c0{text-align:left}
/* animaciones más finas: entradas escalonadas y aparición ligada al scroll */
@keyframes mrise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){
 html body .rvx{transition-timing-function:var(--ease)!important;transition-duration:.7s!important}
 @supports (animation-timeline:view()){
  html body #chart .cr.ft:not(#_a):not(#_b),html body .prods .pd.cc:not(#_a):not(#_b),html body .fc:not(#_a):not(#_b),html body .kk-l li:not(#_a):not(#_b),html body .sf:not(#_a):not(#_b){animation:mrise linear both!important;animation-timeline:view()!important;animation-range:entry 0% cover 26%!important}
 }
 html body .btn:not(#_a):not(#_b),html body .tk,html body .pcs,html body .cr.ft .ft-c img{transition-timing-function:var(--ease)!important}
 html body .sh .shf:not(#_a):not(#_b){animation:mfade .8s .25s var(--ease) both!important}
}
html body .row>.hd h2:not(#_a):not(#_b):not(#_c){flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important}
html body .row>.hd h2::before{flex:none}
html body .row>.hd{margin-bottom:28px!important}
html body #sChart #chart{margin-top:0!important}
/* los títulos vuelven a ser texto normal (con rayita en línea) */
html body .row>.hd h2:not(#_a):not(#_b):not(#_c):not(#_d),html body .kk-t h2:not(#_a):not(#_b):not(#_c){display:block!important;text-align:center!important}
html body .row>.hd h2::before,html body .kk-t h2::before{display:inline-block!important;vertical-align:middle;margin-right:12px;margin-bottom:3px}
html body .kk-t>*:last-child:not(ul):not(h2){display:flex!important;justify-content:center;gap:10px;flex-wrap:wrap}
/* iconos acompañados: cada uno dentro de su tarjeta; sin círculos sueltos flotando */
html body .flt{display:none!important}
html body .sf:not(#_a):not(#_b):not(#_c){padding:22px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:18px!important;background:#2a2a2a!important;transition:border-color .25s var(--ease),background-color .25s var(--ease),transform .25s var(--ease)}
html body .sf:hover{border-color:rgba(255,255,255,.22)!important;background:#303030!important}
html body .sf-g{gap:16px!important}
html body .sf>i:not(#_a):not(#_b):not(#_c){background:rgba(255,255,255,.06)!important;transition:background-color .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}
html body .sf:hover>i{background:rgba(255,255,255,.12)!important}
html body .pcs-pk .pk{background:rgba(255,255,255,.06)!important}
@keyframes mpulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.18)}100%{box-shadow:0 0 0 12px rgba(255,255,255,0)}}
@media(prefers-reduced-motion:no-preference){
 html body .sf:hover>i,html body .kk-l li:hover>i{animation:mpulse .9s ease-out!important;box-shadow:none}
 html body .sf>i svg,html body .kk-l li>i svg{transition:transform .35s var(--ease)}
 html body .sf:hover>i svg,html body .kk-l li:hover>i svg{transform:scale(1.12) rotate(-4deg)}
 html body .sf:not(#_a):not(#_b){animation-duration:.7s!important;animation-timing-function:var(--ease)!important}
 html body .sf:nth-child(2){animation-delay:.06s!important}html body .sf:nth-child(3){animation-delay:.12s!important}
 html body .sf:nth-child(4){animation-delay:.18s!important}html body .sf:nth-child(5){animation-delay:.24s!important}html body .sf:nth-child(6){animation-delay:.3s!important}
}
/* menú de usuario, mensajes y carrito: gris con contorno, sin negro */
html body header.nav .mebtn:not(#_a):not(#_b):not(#_c),html body header.nav .msgb:not(#_a):not(#_b):not(#_c),html body header.nav .cartb:not(#_a):not(#_b):not(#_c){background:#363636!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:none!important;color:#fff!important;border-radius:99px!important;height:44px!important;transition:background-color .25s var(--ease),border-color .25s var(--ease),transform .25s var(--ease)!important}
html body header.nav .mebtn:hover:not(#_a):not(#_b),html body header.nav .msgb:hover:not(#_a):not(#_b),html body header.nav .cartb:hover:not(#_a):not(#_b){background:#424242!important;border-color:rgba(255,255,255,.34)!important;box-shadow:none!important;transform:translateY(-1px)!important}
html body header.nav .mebtn:not(#_a):not(#_b){padding:0 16px 0 5px!important;gap:10px}
html body header.nav .mebtn i{width:34px!important;height:34px!important;border:2px solid rgba(255,255,255,.2);box-sizing:border-box;font-weight:700}
html body header.nav .mebtn em svg{transition:transform .25s var(--ease)}
html body header.nav .me2.on .mebtn em svg,html body header.nav .mebtn[aria-expanded=true] em svg{transform:rotate(180deg)}
html body header.nav .msgb:not(#_a):not(#_b):not(#_c){width:44px;padding:0!important}
html body header.nav .mebtn i:not(#_a):not(#_b){background:#f2f2f2!important;color:#222!important;font-size:15px!important}
/* la W (inicial) del avatar siempre en negro sobre el círculo claro */
html body header.nav .mebtn i:not(#_a):not(#_b):not(#_c),html body header.nav .mebtn i *:not(#_a):not(#_b),html body #hdI:not(#_a):not(#_b),html body #meI:not(#_a):not(#_b){color:#000!important;-webkit-text-fill-color:#000!important;background-color:#f2f2f2!important;font-weight:800!important}
html body .sdw-me i:not(#_a):not(#_b){color:#000!important;-webkit-text-fill-color:#000!important}
/* portada: texto centrado en el medio, foto de fondo tenue */
html body .sh:not(#_a):not(#_b){min-height:520px!important;justify-content:center}
html body .sh .hft:not(#_a):not(#_b){position:absolute!important;inset:0!important;left:0!important;right:0!important;top:0!important;bottom:0!important;width:100%!important;height:100%!important;transform:none!important;padding:0!important;border-radius:0!important;background:#141414!important}
html body .sh .hft img:not(#_a){width:100%!important;height:100%!important;aspect-ratio:auto!important;border-radius:0!important;object-fit:cover;opacity:.18!important;filter:none!important}
html body .sh .hft-t{display:none!important}
html body .sh .sh-in:not(#_a):not(#_b):not(#_c){text-align:center!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;margin:0 auto!important;max-width:760px!important}
html body .sh h1:not(#_a):not(#_b):not(#_c){text-align:center!important;max-width:760px!important;margin:0 auto 14px!important}
html body .sh .sh-p:not(#_a):not(#_b){display:block!important;text-align:center!important;margin:0 auto 28px!important}
html body .sh .shf:not(#_a):not(#_b):not(#_c){width:100%;max-width:640px;margin:0 auto!important}
html body .sh .shp:not(#_a):not(#_b){justify-content:center;text-align:center}
@media(max-width:860px){html body .sh .hft{display:block!important}}
html body .sh .sh-p:not(#_a):not(#_b):not(#_c){color:#b5b5b5!important}
/* Destacados: «Ver más» en la esquina derecha del encabezado */
html body #sChart .hd.hd-vm:not(#_a):not(#_b){position:relative;display:block!important;min-height:40px}
html body #sChart .hd.hd-vm .vm-c:not(#_a):not(#_b):not(#_c){position:absolute!important;right:0;top:50%;transform:translateY(-50%);margin:0!important}
html body #sChart .hd.hd-vm h2:not(#_a):not(#_b){line-height:40px}
@media(max-width:640px){html body #sChart .hd.hd-vm h2:not(#_a):not(#_b):not(#_c){text-align:left!important;margin:0!important}}
/* Destacados: título oculto a la vista (se conserva para lectores de pantalla) */
html body #sChart .hd.hd-vm h2:not(#_a):not(#_b):not(#_c){position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html body #sChart .hd.hd-vm:not(#_a):not(#_b):not(#_c){min-height:40px;margin-bottom:12px!important}
/* Destacados: «Escuchar selección», píldora blanca */
html body #vmO:not(#_a):not(#_b):not(#_c){display:none!important}
html body #sChart .gpl:not(#_a):not(#_b){position:absolute;right:0;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 18px 0 14px!important;border:0!important;border-radius:99px;background:#fff!important;color:#111!important;-webkit-text-fill-color:#111!important;text-align:left;cursor:pointer;transition:background-color .2s ease}
html body #sChart .gpl:not(#_a):not(#_b):hover{background:#e6e6e6!important}
html body #sChart .gpl .gi{flex:none;display:grid;place-items:center;width:14px;height:14px}
html body #sChart .gpl .gpp{display:block}
html body #sChart .gpl .geq{display:none;align-items:flex-end;gap:2px;height:12px}
html body #sChart .gpl .geq i{width:2px;height:100%;background:#111;border-radius:1px;transform-origin:bottom;animation:geq 1s ease-in-out infinite}
html body #sChart .gpl .geq i:nth-child(2){animation-delay:.2s}html body #sChart .gpl .geq i:nth-child(3){animation-delay:.4s}
html body #sChart .gpl.on .gpp{display:none}html body #sChart .gpl.on .geq{display:flex}
html body #sChart .gpl .gtx{display:flex;align-items:center;gap:10px;min-width:0}
html body #sChart .gpl .gtx b{font:600 14px 'Instrument Sans',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:56vw}
html body #sChart .gpl .gtx small{font:500 12px 'JetBrains Mono',ui-monospace,monospace;color:#666;padding-left:10px;border-left:1px solid #ccc;white-space:nowrap}
html body #sChart .gpl.on .gtx small,html body #sChart .gpl.pz .gtx small{display:none}
@keyframes geq{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){html body #sChart .gpl .geq i{animation:none}}
@media(max-width:640px){html body #sChart .gpl .gtx small{display:none}}
/* separación entre la portada y Destacados: línea a todo el ancho con una marca central */
html body #sChart:not(#_a):not(#_b){position:relative;padding-top:56px!important}
html body #sChart::before{border-top:1px solid rgba(255,255,255,.14)!important;background-color:#1b1b1b!important}
html body #sChart .sepm{position:absolute;top:0;left:50%;width:56px;height:3px;margin-left:-28px;border-radius:0 0 3px 3px;background:#fff;opacity:.85;z-index:2;pointer-events:none}
html body #sChart .hsub:not(#_a):not(#_b){display:none!important}
html body #sChart .gpl:not(#_a):not(#_b){padding:0 14px 0 18px!important}
html body #sChart .gpl .gar{flex:none;transition:transform .3s var(--ease)}
html body #sChart .gpl:hover .gar{transform:translateX(3px)}
html body .vmp:not(#_a):not(#_b){top:0!important;background:#202020!important;padding-top:0!important;box-sizing:border-box}
/* panel de beats: sin «Volver» ni buscador en la cabecera */
html body .vmp-h:not(#_a):not(#_b){display:none!important}

/* Empieza tu carrera: tarjeta centrada con foto de fondo */
html body #empieza:not(#_a):not(#_b){position:relative;overflow:hidden;background:#0f0f0f!important;border:1px solid rgba(255,255,255,.1);border-radius:28px;padding:72px 40px!important;margin-top:0!important;margin-bottom:64px!important;margin-left:auto!important;margin-right:auto!important;width:calc(100% - 48px)!important;max-width:calc(var(--cw) - 48px)!important;box-sizing:border-box}
html body #empieza::before,html body #empieza::after{display:none!important}
html body #empieza .ek-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;opacity:.9!important;filter:none!important;z-index:0;pointer-events:none}
html body #empieza .kk-g:not(#_a):not(#_b):not(#_c){position:relative;z-index:1;display:block!important;max-width:none!important;width:100%!important;padding:0!important;margin:0!important;text-align:center}
html body #empieza .kk-v{display:none!important}
html body #empieza .kk-t{max-width:none!important;width:100%!important;margin:0!important;padding:0!important;text-align:center}
html body #empieza .kk-t h2:not(#_a):not(#_b){display:block!important;font-size:clamp(30px,4vw,46px)!important;font-weight:600!important;letter-spacing:-.04em!important;line-height:1.08!important;text-align:center!important;margin:0 auto 14px!important;max-width:760px;text-wrap:balance}
html body #empieza .kk-t h2::before{display:none!important}
html body #empieza .ek-sub{margin:0 auto 40px!important;max-width:520px;font-size:17px;line-height:1.5;color:#b5b5b5;text-align:center}
html body #empieza .kk-l:not(#_a):not(#_b){display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;list-style:none;margin:0 0 40px!important;padding:0!important;max-width:none!important}
html body #empieza .kk-l>li:not(#_a):not(#_b){display:flex!important;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:28px 22px!important;background:rgba(28,28,28,.82)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:20px;margin:0!important;transition:border-color .3s ease,transform .4s var(--ease)}
html body #empieza .kk-l>li:hover{border-color:rgba(255,255,255,.28);transform:translateY(-3px)}
html body #empieza .kk-l>li>i{margin:0!important}
html body #empieza .kk-l h3{font-size:17px!important;margin:0 0 6px!important;text-align:center!important}
html body #empieza .kk-l p{font-size:14px!important;line-height:1.5;color:#a8a8a8!important;margin:0!important;text-align:center!important}
html body #empieza .kk-a{display:flex!important;justify-content:center;gap:12px;flex-wrap:wrap;margin:0 0 22px!important}
html body #empieza .ek-note{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 22px;margin:0;font-size:13px;color:#8f8f8f}
html body #empieza .ek-note span{display:inline-flex;align-items:center;gap:8px}
html body #empieza .ek-note span+span::before{content:"";width:3px;height:3px;border-radius:50%;background:#666}
@media(max-width:1000px){html body #empieza .kk-l:not(#_a):not(#_b){grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){html body #empieza:not(#_a):not(#_b){padding:48px 20px!important;border-radius:22px}html body #empieza .kk-l:not(#_a):not(#_b){grid-template-columns:1fr!important}}
html body main #empieza:not(#_a):not(#_b):not(#_c):not(#_d){margin-left:auto!important;margin-right:auto!important}
html body main #empieza:not(#_a):not(#_b):not(#_c):not(#_d){display:block!important}
html body #empieza .kk-g::before,html body #empieza .kk-g::after,html body #empieza .kk-t::before,html body #empieza .kk-t::after{display:none!important;content:none!important}
html body #empieza .ek-sub:not(#_a):not(#_b):not(#_c){color:#b5b5b5!important;-webkit-text-fill-color:#b5b5b5!important;font-weight:400!important}
/* Empieza tu carrera: pantalla completa, de lado a lado */
html body main #empieza:not(#_a):not(#_b):not(#_c):not(#_d){display:flex!important;align-items:center;justify-content:center;width:100%!important;max-width:none!important;min-height:100vh;margin:0!important;border:0!important;border-radius:0!important;padding:96px 24px!important;background:#121212!important}
html body #empieza .ek-bg{opacity:.22!important;object-position:center;filter:none!important}
html body #empieza .kk-g:not(#_a):not(#_b):not(#_c){max-width:var(--cw)!important;margin:0 auto!important}
@media(max-width:640px){html body main #empieza:not(#_a):not(#_b):not(#_c):not(#_d){min-height:auto;padding:64px 20px!important}}
/* Empieza: iconos más grandes y definidos */
html body #empieza .kk-l>li>i:not(#_a):not(#_b){display:grid!important;place-items:center;width:60px!important;height:60px!important;border-radius:18px!important;background:#2a2a2a!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important;transition:background-color .3s ease,border-color .3s ease,transform .4s var(--ease)}
html body #empieza .kk-l>li>i svg{width:28px!important;height:28px!important}
html body #empieza .kk-l>li:hover>i{background:#fff!important;color:#111!important;border-color:#fff!important;transform:scale(1.06)}

/* Empieza: foto más lejana, cifras y movimiento */
html body #empieza .ek-bg{object-fit:cover;object-position:center 45%;transform-origin:center;opacity:.2!important}
html body #empieza .kk-l:not(#_a):not(#_b){margin:0 0 20px!important;gap:18px!important}
html body #empieza .kk-l>li:not(#_a):not(#_b){justify-content:flex-start;min-height:250px;padding:32px 24px!important}
html body #empieza .ek-st{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 36px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(22,22,22,.8);overflow:hidden}
html body #empieza .ek-st span{display:flex;flex-direction:column;align-items:center;gap:4px;padding:20px 12px}
html body #empieza .ek-st span+span{border-left:1px solid rgba(255,255,255,.08)}
html body #empieza .ek-st b{font:500 22px 'JetBrains Mono',ui-monospace,monospace;color:#fff;letter-spacing:-.02em}
html body #empieza .ek-st i{font:400 13px 'Instrument Sans',sans-serif;font-style:normal;color:#8f8f8f}
@media(max-width:1000px){html body #empieza .ek-st{grid-template-columns:repeat(2,minmax(0,1fr))}html body #empieza .ek-st span:nth-child(3){border-left:0}html body #empieza .ek-st span:nth-child(n+3){border-top:1px solid rgba(255,255,255,.08)}}
@media(max-width:640px){html body #empieza .kk-l>li:not(#_a):not(#_b){min-height:0}}
@keyframes ekrise{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}
@keyframes ekdraw{from{stroke-dashoffset:80}to{stroke-dashoffset:0}}
@keyframes ekfar{from{transform:scale(1.22)}to{transform:scale(1)}}
@media(prefers-reduced-motion:no-preference){
 html body #empieza .kk-l>li>i svg *{stroke-dasharray:80;stroke-dashoffset:0}
 @supports(animation-timeline:view()){
  html body #empieza .ek-bg{animation:ekfar linear both;animation-timeline:view();animation-range:entry 0% cover 60%}
  html body #empieza .kk-t h2,html body #empieza .ek-sub{animation:ekrise linear both;animation-timeline:view();animation-range:entry 10% entry 55%}
  html body #empieza .kk-l>li{animation:ekrise linear both;animation-timeline:view();animation-range:entry calc(15% + var(--k,0)*5%) entry calc(60% + var(--k,0)*5%)}
  html body #empieza .kk-l>li>i svg *{stroke-dashoffset:80;animation:ekdraw linear both;animation-timeline:view();animation-range:entry calc(30% + var(--k,0)*5%) entry calc(85% + var(--k,0)*5%)}
  html body #empieza .ek-st,html body #empieza .kk-a,html body #empieza .ek-note{animation:ekrise linear both;animation-timeline:view();animation-range:entry 30% entry 80%}
 }
}
html body #empieza .kk-l>li:hover>i svg{animation:none!important;stroke-dashoffset:0!important}
html body #empieza .kk-l>li>i{animation:none}
/* Empieza: todo más pequeño y con más aire */
html body #empieza .kk-g:not(#_a):not(#_b):not(#_c){max-width:1040px!important}
html body #empieza .kk-t h2:not(#_a):not(#_b){font-size:clamp(26px,3.2vw,38px)!important;margin-bottom:12px!important}
html body #empieza .ek-sub:not(#_a):not(#_b):not(#_c){font-size:15px!important;max-width:460px;margin-bottom:56px!important}
html body #empieza .kk-l:not(#_a):not(#_b){gap:20px!important;margin-bottom:28px!important}
html body #empieza .kk-l>li:not(#_a):not(#_b){min-height:0!important;padding:28px 20px 30px!important;gap:16px}
html body #empieza .kk-l>li>i:not(#_a):not(#_b){width:48px!important;height:48px!important;border-radius:14px!important}
html body #empieza .kk-l>li>i svg{width:22px!important;height:22px!important}
html body #empieza .kk-l h3{font-size:15px!important;margin-bottom:8px!important}
html body #empieza .kk-l p{font-size:13px!important;line-height:1.55!important}
html body #empieza .ek-st{margin-bottom:56px!important}
html body #empieza .ek-st span{padding:16px 10px}
html body #empieza .ek-st b{font-size:17px}
html body #empieza .ek-st i{font-size:12px}
html body #empieza .kk-a{gap:12px!important;margin-bottom:28px!important}
html body #empieza .kk-a .btn{font-size:14px!important;padding:11px 22px!important}
html body #empieza .ek-note{font-size:12px}
html body main #empieza:not(#_a):not(#_b):not(#_c):not(#_d){padding:120px 24px!important}
@media(max-width:640px){html body main #empieza:not(#_a):not(#_b):not(#_c):not(#_d){padding:72px 20px!important}html body #empieza .ek-sub:not(#_a):not(#_b):not(#_c){margin-bottom:36px!important}html body #empieza .ek-st{margin-bottom:36px!important}}
/* Profundidad: la portada se queda fija y las secciones suben por encima, con bordes redondeados y paralaje */
html body .ek-tag{display:inline-flex;margin-top:14px;padding:5px 12px;border:1px solid rgba(255,255,255,.14);border-radius:99px;font:500 11px 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.04em;text-transform:uppercase;color:#a8a8a8}
html body #empieza .kk-l>li{justify-content:space-between}
@media(min-width:861px){
 html body main#home>section.row:not(#_a):not(#_b){position:relative;z-index:1}
 html body main#home>#sChart:not(#_a):not(#_b){margin-top:-30px!important;padding-top:86px!important}
 html body #sChart::before{border-radius:30px 30px 0 0!important}
 html body main #empieza:not(#_a):not(#_b):not(#_c):not(#_d){border-radius:30px 30px 0 0!important}
}
html body #empieza .ek-bg:not(#_a){top:-7%;height:114%}
@keyframes ekpar{from{translate:0 -5%}to{translate:0 5%}}
@keyframes hpar{from{translate:0 0;scale:1}to{translate:0 7%;scale:1.07}}
@media(prefers-reduced-motion:no-preference){
 @supports(animation-timeline:view()){
  html body #empieza .ek-bg{animation:ekfar linear both,ekpar linear both;animation-timeline:view(),view();animation-range:entry 0% cover 60%,cover 0% cover 100%}
  html body .sh .hft img{animation:hpar linear both;animation-timeline:scroll(root);animation-range:0 640px}
 }
}

/* un poco menos de ampliación en pantallas grandes (todo se ve más lejos) */
@media(min-width:1500px){:root{zoom:1;--pad:max(24px,calc(100vw - var(--maxw))/2)}}
@media(min-width:1800px){:root{zoom:1.08;--pad:max(24px,calc((100vw/1.08 - var(--maxw))/2))}}
@media(min-width:2200px){:root{zoom:1.3;--pad:max(24px,calc((100vw/1.3 - var(--maxw))/2))}}
/* banda de fondo de Destacados a todo el ancho */
html body #sChart::before{content:"";position:absolute;top:0;bottom:0;left:-100vw;right:-100vw;width:auto!important;margin:0!important;transform:none!important;z-index:-1}
html body #empieza .kk-l>li>div{display:flex!important;flex-direction:column;align-items:center;flex:1;width:100%}
html body #empieza .kk-l>li .ek-tag{margin-top:auto!important;align-self:center}
html body #empieza .kk-l p{margin-bottom:16px!important}
/* Minimalista: sin cifras, sin etiquetas, tarjetas sin caja */
html body #empieza .ek-st,html body #empieza .ek-tag,html body #empieza .ek-note,html body #sChart .sepm{display:none!important}
html body #empieza .kk-l:not(#_a):not(#_b){gap:0!important;margin-bottom:56px!important}
html body #empieza .kk-l>li:not(#_a):not(#_b){background:transparent!important;border:0!important;border-radius:0!important;padding:8px 28px!important;gap:18px;transform:none!important}
html body #empieza .kk-l>li+li:not(#_a):not(#_b){border-left:1px solid rgba(255,255,255,.12)!important}
html body #empieza .kk-l>li>i:not(#_a):not(#_b){width:auto!important;height:auto!important;background:transparent!important;border:0!important;border-radius:0!important;color:#fff!important}
html body #empieza .kk-l>li>i svg{width:26px!important;height:26px!important;stroke-width:1.4}
html body #empieza .kk-l>li:hover>i{background:transparent!important;color:#fff!important;transform:none!important}
html body #empieza .kk-l p{margin-bottom:0!important;color:#9a9a9a!important}
@media(max-width:1000px){html body #empieza .kk-l:not(#_a):not(#_b){grid-template-columns:repeat(2,minmax(0,1fr))!important;row-gap:36px!important}html body #empieza .kk-l>li:nth-child(3):not(#_a):not(#_b){border-left:0!important}}
@media(max-width:640px){html body #empieza .kk-l:not(#_a):not(#_b){grid-template-columns:1fr!important}html body #empieza .kk-l>li+li:not(#_a):not(#_b){border-left:0!important;border-top:1px solid rgba(255,255,255,.12)!important;padding-top:28px!important}}
/* Transiciones entre secciones: bordes rectos, línea fina, todo un poco más pequeño */
html body main #empieza:not(#_a):not(#_b):not(#_c):not(#_d){border-radius:0!important;border-top:1px solid rgba(255,255,255,.1)!important}
html body #sChart::before{border-radius:0!important;border-top:1px solid rgba(255,255,255,.1)!important}
html body main#home>#sChart:not(#_a):not(#_b){margin-top:0!important;padding-top:64px!important}
@media(min-width:1500px){:root{zoom:.92;--pad:max(24px,calc((100vw/.92 - var(--maxw))/2))}}
@media(min-width:1800px){:root{zoom:1;--pad:max(24px,calc(100vw - var(--maxw))/2)}}
@media(min-width:2200px){:root{zoom:1.2;--pad:max(24px,calc((100vw/1.2 - var(--maxw))/2))}}
html body #empieza .kk-t h2:not(#_a):not(#_b){font-size:clamp(24px,2.8vw,34px)!important}
html body #empieza .kk-l p{font-size:12.5px!important}
html body #empieza .kk-l h3{font-size:14px!important}
html body main #empieza:not(#_a):not(#_b):not(#_c):not(#_d){min-height:90vh;padding:104px 24px!important}

/* Empieza: banda más baja, foto más pequeña y textos cortos e iguales */
html body main #empieza:not(#_a):not(#_b):not(#_c):not(#_d){min-height:0!important;padding:84px 24px!important}
html body #empieza .ek-bg{opacity:.14!important}
html body #empieza .ek-sub:not(#_a):not(#_b):not(#_c){margin-bottom:44px!important}
html body #empieza .kk-l:not(#_a):not(#_b){margin-bottom:44px!important}
html body #empieza .kk-l h3{min-height:1.3em;margin-bottom:8px!important}
html body #empieza .kk-l p{min-height:3.1em}
/* Movimiento suave y sutil en toda la página */
@keyframes mfadein{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes mline{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:no-preference){
 @supports(animation-timeline:view()){
  html body main#home>section.row:not(#empieza)>.hd,html body main#home>section.row:not(#empieza)>.hsub,html body #seguro .sf-g,html body #como .feat,html body .ft .ft-in>*{animation:mfadein linear both;animation-timeline:view();animation-range:entry 5% entry 45%}
  html body .row>.hd h2:not(#_a):not(#_b)::before{transform-origin:left;animation:mline linear both;animation-timeline:view();animation-range:entry 10% entry 50%}
 }
 html body .tile,html body .cr.ft,html body .pd.cc,html body .sf,html body .fc{transition:transform .5s var(--ease),border-color .3s ease}
 html body #chart .cr.ft:hover,html body .prods .pd.cc:hover,html body .sf:hover,html body .fc:hover{transform:translateY(-3px)}
 html body .btn:not(#_a):not(#_b):active{transform:scale(.97)}
}

/* ¿Por qué es seguro comprar en Wocky? — minimalista */
html body #seguro .sf-g:not(#_a):not(#_b){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;max-width:1040px;margin:0 auto!important}
html body #seguro .sf:not(#_a):not(#_b){display:flex!important;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:36px 28px!important;background:transparent!important;border:0!important;border-radius:0!important;transform:none!important}
html body #seguro .sf:nth-child(n+4):not(#_a):not(#_b){border-top:1px solid rgba(255,255,255,.1)!important}
html body #seguro .sf:not(:nth-child(3n+1)):not(#_a):not(#_b){border-left:1px solid rgba(255,255,255,.1)!important}
html body #seguro .sf>i:not(#_a):not(#_b){width:auto!important;height:auto!important;background:transparent!important;border:0!important;border-radius:0!important;margin:0!important;color:#fff!important}
html body #seguro .sf>i svg{width:24px!important;height:24px!important;stroke-width:1.4}
html body #seguro .sf h3{font-size:14px!important;margin:0!important;text-align:center!important}
html body #seguro .sf p{font-size:12.5px!important;line-height:1.55!important;color:#9a9a9a!important;margin:0!important;text-align:center!important;max-width:240px}
html body #seguro .sf-l:not(#_a):not(#_b){display:flex!important;width:max-content;margin:36px auto 0!important;font-size:13px!important}
@media(max-width:860px){html body #seguro .sf-g:not(#_a):not(#_b){grid-template-columns:repeat(2,minmax(0,1fr))!important}html body #seguro .sf:not(#_a):not(#_b){border-left:0!important;border-top:0!important}html body #seguro .sf:nth-child(n+3):not(#_a):not(#_b){border-top:1px solid rgba(255,255,255,.1)!important}html body #seguro .sf:nth-child(even):not(#_a):not(#_b){border-left:1px solid rgba(255,255,255,.1)!important}}
@media(max-width:560px){html body #seguro .sf-g:not(#_a):not(#_b){grid-template-columns:1fr!important}html body #seguro .sf:not(#_a):not(#_b){border-left:0!important;border-top:1px solid rgba(255,255,255,.1)!important}html body #seguro .sf:first-child:not(#_a):not(#_b){border-top:0!important}}
/* Limpieza general: bandas a todo el ancho, aviso final sin caja y pie alineado con la cabecera */
html body #seguro::before{content:"";position:absolute;top:0;bottom:0;left:-100vw;right:-100vw;width:auto!important;margin:0!important;transform:none!important;border-radius:0!important;background:#1b1b1b!important;z-index:-1}
html body #seguro:not(#_a):not(#_b){position:relative;padding-top:80px!important;padding-bottom:88px!important}
html body .cta:not(#_a):not(#_b),html body section.cta:not(#_a):not(#_b){background:transparent!important;border:0!important;border-radius:0!important}
html body .cta h2,html body .cta h3{font-size:22px!important;letter-spacing:-.025em}
html body .cta p{color:#9a9a9a!important;font-size:14px!important}
html body footer.ft:not(#_a):not(#_b){border-top:1px solid rgba(255,255,255,.1)!important;padding:64px 0 28px!important}
html body footer.ft .ft-top:not(#_a):not(#_b){display:grid!important;grid-template-columns:1.6fr 1fr 1fr 1fr!important;gap:40px!important;max-width:var(--cw)!important;margin:0 auto!important;padding:0 24px!important;box-sizing:border-box;align-items:start}
html body footer.ft .ft-brand p{font-size:13px!important;line-height:1.6;color:#8f8f8f!important;max-width:300px}
html body footer.ft .ft-col{display:flex;flex-direction:column;gap:12px}
html body footer.ft .ft-col h4{font:500 12px 'Instrument Sans',sans-serif!important;letter-spacing:.08em;text-transform:uppercase;color:#9a9a9a!important;margin:0 0 6px!important}
html body footer.ft .ft-col a{font-size:13px!important;color:#b5b5b5!important;transition:color .2s ease}
html body footer.ft .ft-col a:hover{color:#fff!important}
html body footer.ft .ft-bot:not(#_a):not(#_b){display:flex!important;justify-content:space-between;gap:16px;flex-wrap:wrap;max-width:var(--cw)!important;margin:56px auto 0!important;padding:20px 24px 0!important;border-top:1px solid rgba(255,255,255,.08)!important;box-sizing:border-box;font-size:12px!important;color:#9a9a9a!important}
@media(max-width:860px){html body footer.ft .ft-top:not(#_a):not(#_b){grid-template-columns:1fr 1fr!important}html body footer.ft .ft-brand{grid-column:1/-1}}
/* Hero más grande: solo la imagen (la banda es más alta) */
html body .sh:not(#_a):not(#_b){min-height:clamp(560px,84vh,880px)!important}
html body .sh .hft img:not(#_a){opacity:.2!important}

/* Pulido con la skill: contraste, foco, selección, barra de desplazamiento y línea decorativa */
html body input::placeholder,html body textarea::placeholder{color:#a8a8a8!important;opacity:1}
html body #chart .cr.ft::after,html body .cr.ft::after{display:none!important}
::selection{background:#e6e6e6;color:#111}
html body :focus-visible{outline:2px solid #fff!important;outline-offset:3px!important}
html{scrollbar-color:#3a3a3a #1b1b1b;scrollbar-width:thin}
html body{font-variant-numeric:tabular-nums}
html body .sh .shf input::placeholder{color:#b5b5b5!important}
/* Distribución: ritmo de espacios entre secciones y cuadrícula de Destacados más ancha */
html body main#home>section.row:not(#_a):not(#_b){padding-top:96px!important}
html body #sChart:not(#_a):not(#_b){padding-top:72px!important;padding-bottom:104px!important}
html body #sProds:not(#_a):not(#_b){padding-bottom:104px!important}
html body #sChart #chart:not(#_a):not(#_b){grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important;gap:20px!important}
html body #sChart .hd.hd-vm:not(#_a):not(#_b){margin-bottom:36px!important}
/* Movimiento: el hero se enciende al cargar y las tarjetas entran en cascada */
@keyframes hin{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes himg{from{opacity:0;scale:1.08}to{opacity:1;scale:1}}
@media(prefers-reduced-motion:no-preference){
 html body .sh .hft img{animation:himg 1.4s cubic-bezier(.16,1,.3,1) both}
 html body .sh h1{animation:hin .9s cubic-bezier(.16,1,.3,1) .1s both}
 html body .sh .sh-p{animation:hin .9s cubic-bezier(.16,1,.3,1) .22s both}
 html body .sh .shf{animation:hin .9s cubic-bezier(.16,1,.3,1) .34s both}
 html body .sh .shp{animation:hin .9s cubic-bezier(.16,1,.3,1) .46s both}
 html body #chart .cr.ft:nth-child(1){--st:0}html body #chart .cr.ft:nth-child(2){--st:1}html body #chart .cr.ft:nth-child(3){--st:2}html body #chart .cr.ft:nth-child(4){--st:3}html body #chart .cr.ft:nth-child(5){--st:4}
 html body #chart .cr.ft .ft-c img{transition:transform .8s cubic-bezier(.16,1,.3,1)}
 html body .vmp.on .vm-l>*{animation:hin .5s cubic-bezier(.16,1,.3,1) both}
 html body .vmp.on .vm-l>*:nth-child(2){animation-delay:.04s}html body .vmp.on .vm-l>*:nth-child(3){animation-delay:.08s}html body .vmp.on .vm-l>*:nth-child(4){animation-delay:.12s}html body .vmp.on .vm-l>*:nth-child(5){animation-delay:.16s}
}

/* Empieza tu carrera: dos columnas, lista con palomitas y foto a la derecha (referencia: estructura sencilla) */
html body main #empieza:not(#_a):not(#_b):not(#_c):not(#_d){display:block!important;min-height:0!important;width:100%!important;max-width:none!important;padding:104px 24px!important;background:#1b1b1b!important;border:0!important;border-top:1px solid rgba(255,255,255,.1)!important;border-radius:0!important}
html body #empieza .kk-g:not(#_a):not(#_b):not(#_c){display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:clamp(32px,6vw,88px)!important;align-items:center!important;max-width:1080px!important;margin:0 auto!important;text-align:left!important}
html body #empieza .kk-t,html body #empieza .kk-t h2:not(#_a):not(#_b){text-align:left!important}
html body #empieza .kk-t h2:not(#_a):not(#_b){margin:0 0 32px!important;max-width:none!important;font-size:clamp(26px,2.8vw,36px)!important}
html body #empieza .kk-l:not(#_a):not(#_b){display:flex!important;flex-direction:column;gap:24px!important;margin:0 0 36px!important}
html body #empieza .kk-l>li:not(#_a):not(#_b){display:grid!important;grid-template-columns:28px 1fr;column-gap:16px;align-items:start;text-align:left;padding:0!important;border:0!important;background:transparent!important;min-height:0!important}
html body #empieza .kk-l>li+li:not(#_a):not(#_b){border:0!important}
html body #empieza .kk-l>li>i:not(#_a):not(#_b){width:28px!important;height:28px!important;margin:0!important;color:#fff!important}
html body #empieza .kk-l>li>i svg{width:26px!important;height:26px!important;stroke-width:1.5}
html body #empieza .kk-l>li>div{display:block!important;width:auto;align-items:flex-start}
html body #empieza .kk-l h3{font-size:16px!important;margin:0 0 4px!important;text-align:left!important}
html body #empieza .kk-l p{font-size:14px!important;line-height:1.5!important;min-height:0!important;color:#a3a3a3!important;margin:0!important;text-align:left!important}
html body #empieza .kk-a{justify-content:flex-start!important;margin:0!important}
html body #empieza .kk-v{display:block!important}
html body #empieza .kv-ph:not(#_a):not(#_b){display:block!important;position:relative;margin:0;aspect-ratio:16/11;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#222}
html body #empieza .kv-ph img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1)!important;opacity:.95;animation:none!important}
@media(max-width:860px){html body #empieza .kk-g:not(#_a):not(#_b):not(#_c){grid-template-columns:1fr!important}html body main #empieza:not(#_a):not(#_b):not(#_c):not(#_d){padding:72px 20px!important}}
html body #empieza .kv-ph::before,html body #empieza .kv-ph::after,html body #empieza .kk-v::before,html body #empieza .kk-v::after{display:none!important;content:none!important}
html body #empieza .kv-ph img:not(#_a):not(#_b){position:static!important;mask-image:none!important;-webkit-mask-image:none!important;mix-blend-mode:normal!important;transform:none!important;aspect-ratio:auto}
html body #empieza .kv-ph img:not(#_a):not(#_b):not(#_c){display:block!important;width:100%!important;height:100%!important;object-fit:cover}
/* Empieza tu carrera: más aire, foto más alta, líneas finas y entrada suave */
html body #empieza .kk-g:not(#_a):not(#_b):not(#_c){max-width:1120px!important;gap:clamp(40px,7vw,104px)!important}
html body #empieza .kk-t h2:not(#_a):not(#_b){font-size:clamp(30px,3.4vw,44px)!important;line-height:1.08!important;margin-bottom:40px!important}
html body #empieza .kk-l:not(#_a):not(#_b){gap:0!important;margin-bottom:40px!important}
html body #empieza .kk-l>li:not(#_a):not(#_b){padding:20px 0!important;border-top:1px solid rgba(255,255,255,.1)!important}
html body #empieza .kk-l>li:last-child:not(#_a):not(#_b){border-bottom:1px solid rgba(255,255,255,.1)!important}
html body #empieza .kk-l h3{font-size:17px!important}
html body #empieza .kk-l p{font-size:14.5px!important}
html body #empieza .kv-ph:not(#_a):not(#_b){aspect-ratio:4/5!important;border-radius:20px!important}
html body #empieza .kv-ph img{transition:transform 1.4s cubic-bezier(.16,1,.3,1)!important}
html body #empieza .kk-g:hover .kv-ph img{transform:scale(1.03)!important}
html body #empieza .kk-a .btn{height:46px;padding:0 26px!important}
@media(prefers-reduced-motion:no-preference){
 @supports(animation-timeline:view()){
  html body #empieza .kk-t h2{animation:mfadein linear both;animation-timeline:view();animation-range:entry 5% entry 40%}
  html body #empieza .kk-l>li{animation:mfadein linear both;animation-timeline:view();animation-range:entry calc(10% + var(--k,0)*6%) entry calc(45% + var(--k,0)*6%)}
  html body #empieza .kv-ph{animation:mfadein linear both;animation-timeline:view();animation-range:entry 10% entry 55%}
 }
}
@media(max-width:860px){html body #empieza .kv-ph:not(#_a):not(#_b){aspect-ratio:16/11!important}}
/* Empieza tu carrera: distribución sencilla, sin color y con mejor tipografía */
html body main #empieza:not(#_a):not(#_b):not(#_c):not(#_d){background:#1b1b1b!important;border-top:1px solid rgba(255,255,255,.1)!important;padding:112px 24px!important}
html body #empieza .kk-g:not(#_a):not(#_b):not(#_c){grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;gap:clamp(40px,6vw,96px)!important;max-width:1080px!important}
html body #empieza .kk-t h2:not(#_a):not(#_b){font:600 clamp(32px,3.6vw,48px)/1.06 'Instrument Sans',sans-serif!important;letter-spacing:-.035em!important;margin:0 0 36px!important;text-wrap:balance}
html body #empieza .kk-l:not(#_a):not(#_b){gap:22px!important;margin:0 0 40px!important}
html body #empieza .kk-l>li:not(#_a):not(#_b),html body #empieza .kk-l>li:last-child:not(#_a):not(#_b){padding:0!important;border:0!important;grid-template-columns:24px 1fr;column-gap:14px}
html body #empieza .kk-l>li>i:not(#_a):not(#_b){width:24px!important;height:24px!important;color:#fff!important;margin-top:2px!important}
html body #empieza .kk-l>li>i svg{width:22px!important;height:22px!important;stroke-width:1.6}
html body #empieza .kk-l>li:hover>i{color:#fff!important}
html body #empieza .kk-l h3{font:600 18px/1.25 'Instrument Sans',sans-serif!important;letter-spacing:-.015em!important;margin:0 0 4px!important}
html body #empieza .kk-l p{font:400 15px/1.5 'Instrument Sans',sans-serif!important;color:#a3a3a3!important;margin:0!important}
html body #empieza .kv-ph:not(#_a):not(#_b){aspect-ratio:5/6!important;border:1px solid rgba(255,255,255,.12)!important}
html body #empieza .kv-ph img{filter:grayscale(1)!important}
html body #empieza .kk-a .btn.o{display:none!important}
html body #empieza .kk-a .btn.hot{height:48px;padding:0 30px!important;font-size:15px!important}

/* Empieza tu carrera: foto completa arriba, cuatro beneficios en fila debajo */
html body #empieza .kk-g:not(#_a):not(#_b):not(#_c){display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:48px!important;max-width:1080px!important}
html body #empieza .kk-t{display:contents!important}
html body #empieza .kk-t h2:not(#_a):not(#_b){order:1;text-align:center!important;margin:0 auto!important;max-width:720px;font:600 clamp(32px,4vw,52px)/1.05 'Instrument Sans',sans-serif!important;letter-spacing:-.04em!important}
html body #empieza .kk-v{order:2!important;display:block!important}
html body #empieza .kv-ph:not(#_a):not(#_b){aspect-ratio:1920/1212!important;width:100%;border-radius:20px!important}
html body #empieza .kv-ph img{object-fit:cover;filter:grayscale(1)!important}
html body #empieza .kk-l:not(#_a):not(#_b){order:3;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:32px!important;margin:0!important}
html body #empieza .kk-l>li:not(#_a):not(#_b){display:flex!important;flex-direction:column;gap:14px;text-align:left}
html body #empieza .kk-l>li>i:not(#_a):not(#_b){width:26px!important;height:26px!important;margin:0!important}
html body #empieza .kk-l>li>div{display:block!important}
html body #empieza .kk-l h3{font:600 17px/1.25 'Instrument Sans',sans-serif!important;letter-spacing:-.015em!important;margin:0 0 6px!important}
html body #empieza .kk-l p{font:400 14px/1.55 'Instrument Sans',sans-serif!important;color:#a3a3a3!important}
html body #empieza .kk-a{order:4;justify-content:center!important}
@media(max-width:860px){html body #empieza .kk-l:not(#_a):not(#_b){grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:520px){html body #empieza .kk-l:not(#_a):not(#_b){grid-template-columns:1fr!important}}
html body #empieza .kk-l>li>i:not(#_a):not(#_b):not(#_c){align-self:flex-start!important;display:block!important;text-align:left}
html body #empieza .kk-l>li>i svg{display:block}

/* Beneficios: línea fina arriba, icono junto al título y columnas parejas */
html body #empieza .kk-l:not(#_a):not(#_b){gap:0 40px!important;margin-top:8px!important}
html body #empieza .kk-l>li:not(#_a):not(#_b){display:grid!important;grid-template-columns:22px 1fr;column-gap:12px;row-gap:0;padding:22px 0 0!important;border-top:1px solid rgba(255,255,255,.18)!important;align-items:start}
html body #empieza .kk-l>li>i:not(#_a):not(#_b):not(#_c){grid-row:1;width:22px!important;height:22px!important;margin-top:1px!important;align-self:start!important}
html body #empieza .kk-l>li>i svg{width:20px!important;height:20px!important}
html body #empieza .kk-l>li>div{grid-column:2}
html body #empieza .kk-l h3{font:600 16px/1.3 'Instrument Sans',sans-serif!important;margin:0 0 8px!important;white-space:nowrap}
html body #empieza .kk-l p{font:400 14px/1.55 'Instrument Sans',sans-serif!important;max-width:24ch}
html body #empieza .kv-ph:not(#_a):not(#_b){box-shadow:0 30px 80px -20px rgba(0,0,0,.6)!important}
html body #empieza .kk-g:not(#_a):not(#_b):not(#_c){gap:56px!important}
@media(max-width:860px){html body #empieza .kk-l:not(#_a):not(#_b){gap:28px 32px!important}}
@media(prefers-reduced-motion:no-preference){@supports(animation-timeline:view()){
 html body #empieza .kk-l>li{animation-range:entry 5% entry 40%!important}
 html body #empieza .kk-l{animation:none!important}
}}
html body #empieza .kk-l>li:not(#_a):not(#_b):not(#_c){animation:none!important;opacity:1!important;transform:none!important}
html body #empieza .kk-l>li:not(#_a):not(#_b):not(#_c):not(#_d),html body #empieza .kk-l>li+li:not(#_a):not(#_b):not(#_c):not(#_d),html body #empieza .kk-l>li:last-child:not(#_a):not(#_b):not(#_c):not(#_d){padding:22px 0 0!important;border:0!important;border-top:1px solid rgba(255,255,255,.18)!important;border-left:0!important}
/* Empieza tu carrera: la foto ocupa toda la sección y las letras van encima */
@media(min-width:861px){
 html body main #empieza:not(#_a):not(#_b):not(#_c):not(#_d){position:relative;padding:0!important;min-height:0!important;aspect-ratio:1920/1212;max-height:96vh;min-height:640px!important;overflow:hidden;display:flex!important;align-items:stretch;border-top:0!important;background:#111!important}
 html body #empieza .kk-g:not(#_a):not(#_b):not(#_c){position:relative;z-index:2;width:100%;max-width:1120px!important;margin:0 auto!important;padding:88px 24px 72px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;gap:0!important}
 html body #empieza .kk-v{position:absolute!important;inset:0;z-index:0;order:0!important}
 html body #empieza .kv-ph:not(#_a):not(#_b){position:absolute!important;inset:0;width:100%;height:100%;aspect-ratio:auto!important;border:0!important;border-radius:0!important;box-shadow:none!important}
 html body #empieza .kv-ph img{width:100%!important;height:100%!important;object-fit:cover}
 html body #empieza .kv-ph::after{content:""!important;display:block!important;position:absolute;inset:0;background:rgba(14,14,14,.58)!important;pointer-events:none}
 html body #empieza .kk-t h2:not(#_a):not(#_b){margin:0!important;text-align:left!important;max-width:620px!important;font-size:clamp(38px,4.8vw,68px)!important;line-height:1.02!important}
 html body #empieza .kk-l:not(#_a):not(#_b){margin:0 0 36px!important}
 html body #empieza .kk-a{justify-content:flex-start!important}
 html body #empieza .kk-l>li:not(#_a):not(#_b):not(#_c):not(#_d){border-top-color:rgba(255,255,255,.35)!important}
 html body #empieza .kk-l p{color:#d0d0d0!important}
}
@media(min-width:861px){
 html body #empieza .kk-g:not(#_a):not(#_b):not(#_c):not(#_d){position:static!important}
 html body #empieza .kk-t>*,html body #empieza .kk-g>.kk-t h2{position:relative;z-index:2}
 html body #empieza .kk-g:not(#_a):not(#_b):not(#_c):not(#_d){padding:0!important;max-width:none!important}
 html body #empieza .kk-t:not(#_a):not(#_b){display:flex!important;flex-direction:column;justify-content:space-between;width:100%;max-width:1120px;margin:0 auto!important;padding:88px 24px 72px!important;position:relative;z-index:2;box-sizing:border-box}
}
@media(min-width:861px){
 html body #empieza .kk-g:not(#_a):not(#_b):not(#_c):not(#_d){display:flex!important;flex:1;width:100%;height:auto;align-items:stretch}
 html body #empieza .kk-t:not(#_a):not(#_b):not(#_c){flex:0 0 min(1120px,100%);margin-left:auto!important;margin-right:auto!important}
 html body #empieza .kk-l:not(#_a):not(#_b){margin-top:auto!important}
 html body #empieza .kk-t h2:not(#_a):not(#_b):not(#_c){margin-bottom:auto!important}
 html body #empieza .kv-ph::after{background:rgba(14,14,14,.66)!important}
}
@media(min-width:861px){
 html body #empieza .kk-g:not(#_a):not(#_b):not(#_c):not(#_d){padding-left:max(24px,calc((100% - 1120px)/2))!important;padding-right:max(24px,calc((100% - 1120px)/2))!important}
 html body #empieza .kk-t:not(#_a):not(#_b):not(#_c):not(#_d){flex:1 1 auto!important;width:auto!important;max-width:none!important;margin:0!important;padding:88px 0 72px!important}
}
/* Página minimalista y funcional: flujo corto (hero → beats → artistas → empezar → seguridad → registro) */
html body #como:not(#_a):not(#_b){display:none!important}
html body .row>.hd h2:not(#_a):not(#_b)::before{display:none!important}
html body .row>.hd h2:not(#_a):not(#_b){font:600 clamp(24px,2.4vw,32px)/1.15 'Instrument Sans',sans-serif!important;letter-spacing:-.03em!important}
html body main#home>section.row:not(#empieza):not(#_a):not(#_b){padding-top:104px!important;padding-bottom:0!important}
html body #sProds:not(#_a):not(#_b){padding-bottom:104px!important}
html body #seguro:not(#_a):not(#_b){padding-bottom:104px!important}
html body .cta:not(#_a):not(#_b){max-width:var(--cw);margin:0 auto!important;padding:72px 24px 96px!important;display:flex!important;flex-direction:column;align-items:center;text-align:center;gap:24px}
html body .cta h2{font:600 clamp(26px,3vw,38px)/1.1 'Instrument Sans',sans-serif!important;letter-spacing:-.035em!important;margin:0 0 10px!important}
html body .cta p{margin:0!important;max-width:480px}
/* Creadores: cuadrícula pareja */
html body #prods:not(#_a):not(#_b){display:grid!important;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important;gap:20px!important}
html body #prods:not(#_a):not(#_b):not(#_c){grid-template-columns:repeat(auto-fit,minmax(200px,220px))!important;justify-content:center!important}
html body main#home>#seguro:not(#_a):not(#_b):not(#_c):not(#_d){padding-bottom:104px!important}
html body main#home>#sProds:not(#_a):not(#_b):not(#_c):not(#_d){padding-bottom:104px!important}

/* Seguridad: título con subtítulo, cuadrícula pareja y letras con espaciado normal */
html body #seguro .hd:not(#_a):not(#_b){flex-direction:column!important;align-items:center!important;gap:12px!important;margin-bottom:56px!important}
html body #seguro .sf-sub{margin:0!important;font:400 16px/1.5 'Instrument Sans',sans-serif!important;color:#a3a3a3!important;text-align:center;max-width:460px}
html body #seguro .sf-g:not(#_a):not(#_b):not(#_c){max-width:1080px!important;gap:0 !important;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}
html body #seguro .sf:not(#_a):not(#_b):not(#_c){padding:44px 32px!important;gap:14px!important;border:0!important}
html body #seguro .sf:nth-child(n+4):not(#_a):not(#_b):not(#_c){border-top:1px solid rgba(255,255,255,.1)!important}
html body #seguro .sf:not(:nth-child(3n+1)):not(#_a):not(#_b):not(#_c){border-left:1px solid rgba(255,255,255,.1)!important}
html body #seguro .sf>i:not(#_a):not(#_b):not(#_c){display:grid!important;place-items:center;width:48px!important;height:48px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:14px!important;background:#242424!important;margin:0 0 6px!important;transition:background-color .3s ease,color .3s ease}
html body #seguro .sf>i svg{width:22px!important;height:22px!important;stroke-width:1.5}
html body #seguro .sf:hover>i{background:#fff!important;color:#111!important}
html body #seguro .sf h3:not(#_a):not(#_b):not(#_c){font:600 17px/1.3 'Instrument Sans',sans-serif!important;letter-spacing:-.005em!important;word-spacing:normal!important}
html body #seguro .sf p:not(#_a):not(#_b):not(#_c){font:400 14.5px/1.55 'Instrument Sans',sans-serif!important;color:#a8a8a8!important;max-width:26ch;letter-spacing:0!important}
html body #seguro .sf-l:not(#_a):not(#_b):not(#_c){margin-top:40px!important;height:44px;padding:0 24px!important;font-size:14px!important}
@media(max-width:860px){html body #seguro .sf:not(#_a):not(#_b):not(#_c){padding:32px 20px!important}}
/* Animaciones: seguridad y la sección de arriba (foto que se aleja, líneas que se dibujan) */
@keyframes sfrise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes sfline{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes sfzoom{from{transform:scale(1.14)}to{transform:scale(1)}}
@keyframes sfdraw{from{stroke-dashoffset:60}to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:no-preference){
 html body #seguro .sf>i svg *{stroke-dasharray:60}
 html body #seguro .sf:hover>i svg *{stroke-dashoffset:0}
 @supports(animation-timeline:view()){
  html body #seguro .hd,html body #seguro .sf-sub{animation:sfrise linear both;animation-timeline:view();animation-range:entry 0% entry 40%}
  html body #seguro .sf:nth-child(-n+3){animation:sfrise linear both;animation-timeline:view();animation-range:entry 5% entry 45%}
  html body #seguro .sf:nth-child(n+4){animation:sfrise linear both;animation-timeline:view();animation-range:entry 12% entry 52%}
  html body #seguro .sf>i svg *{animation:sfdraw linear both;animation-timeline:view();animation-range:entry 20% entry 70%}
  html body #seguro .sf-g{border-top-color:transparent}
  html body #seguro .sf-l{animation:sfrise linear both;animation-timeline:view();animation-range:entry 20% entry 60%}
  html body #empieza .kv-ph img{animation:sfzoom linear both!important;animation-timeline:view()!important;animation-range:entry 0% cover 55%!important}
  html body #empieza .kk-t h2{animation:sfrise linear both!important;animation-timeline:view()!important;animation-range:entry 20% entry 60%!important}
  html body #empieza .kk-l>li{animation:sfrise linear both!important;animation-timeline:view()!important;animation-range:entry 30% entry 70%!important}
  html body #empieza .kk-a{animation:sfrise linear both;animation-timeline:view();animation-range:entry 40% entry 80%}
  html body #sProds .hd,html body #sChart .hd{animation:sfrise linear both;animation-timeline:view();animation-range:entry 0% entry 40%}
 }
}
/* Empieza tu carrera: la imagen queda quieta; el texto va en un panel oscuro a la izquierda */
html body #empieza .kv-ph img:not(#_a):not(#_b):not(#_c):not(#_d),html body #empieza .kk-g:hover .kv-ph img:not(#_a):not(#_b):not(#_c){animation:none!important;transform:none!important;transition:none!important;scale:none!important;translate:none!important}
@media(min-width:861px){
 html body #empieza .kv-ph::after{background:rgba(14,14,14,.22)!important}
 html body #empieza .kk-g:not(#_a):not(#_b):not(#_c):not(#_d){padding:0!important}
 html body #empieza .kk-t:not(#_a):not(#_b):not(#_c):not(#_d){flex:0 0 auto!important;width:calc(max(24px,(100% - 1120px)/2) + 560px)!important;padding:72px 56px 64px max(24px,calc((100% - 1120px)/2))!important;background:rgba(14,14,14,.86);border-right:1px solid rgba(255,255,255,.12);justify-content:flex-start!important;gap:40px;box-sizing:border-box}
 html body #empieza .kk-t h2:not(#_a):not(#_b):not(#_c){font-size:clamp(34px,3.6vw,52px)!important;max-width:none!important;margin:0!important}
 html body #empieza .kk-l:not(#_a):not(#_b):not(#_c){margin:0!important;grid-template-columns:1fr 1fr!important;gap:28px 32px!important}
 html body #empieza .kk-l>li:not(#_a):not(#_b):not(#_c):not(#_d){border-top-color:rgba(255,255,255,.22)!important;padding-top:18px!important}
 html body #empieza .kk-l h3{font-size:15px!important;margin-bottom:6px!important;white-space:normal}
 html body #empieza .kk-l p{font-size:13.5px!important;color:#b5b5b5!important}
 html body #empieza .kk-a{margin-top:auto!important}
}
@media(min-width:861px){html body #empieza .kk-g .kk-t:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f){background:rgba(14,14,14,.88)!important;background-color:rgba(14,14,14,.88)!important}}
/* Empieza tu carrera (versión final): foto limpia arriba y una banda de texto debajo */
@media(min-width:861px){
 html body main #empieza:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e){display:block!important;aspect-ratio:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;background:#141414!important;padding:0!important}
 html body #empieza .kk-g:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e){display:flex!important;flex-direction:column-reverse!important;width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
 html body #empieza .kk-v:not(#_a):not(#_b):not(#_c):not(#_d){position:relative!important;inset:auto!important;width:100%;height:clamp(380px,58vh,640px);order:0!important}
 html body #empieza .kv-ph::after{background:rgba(14,14,14,.18)!important}
 html body #empieza .kv-ph img{object-position:center 42%}
 html body #empieza .kk-g .kk-t:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f){display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);grid-template-areas:"h l" "a l";column-gap:clamp(40px,6vw,96px);row-gap:32px;align-items:start;width:100%!important;max-width:none!important;padding:64px max(24px,calc((100% - 1120px)/2)) 80px!important;border:0!important;background:#141414!important;background-color:#141414!important;gap:32px clamp(40px,6vw,96px)}
 html body #empieza .kk-t h2:not(#_a):not(#_b):not(#_c){grid-area:h;font-size:clamp(32px,3.4vw,50px)!important;max-width:520px!important}
 html body #empieza .kk-l:not(#_a):not(#_b):not(#_c){grid-area:l;grid-template-columns:1fr 1fr!important;gap:28px 40px!important}
 html body #empieza .kk-a{grid-area:a;align-self:end;margin:0!important}
}
@media(min-width:861px){
 html body #empieza .kk-g .kk-t:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f){grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
 html body #empieza .kk-t h2:not(#_a):not(#_b):not(#_c):not(#_d){font-size:clamp(30px,3vw,44px)!important;max-width:none!important;text-wrap:balance}
}
/* ===== Rediseño v2 (skill impeccable): catálogo en lista, artistas en fichas, seguridad en dos columnas, registro en banda ===== */
@media(min-width:861px){
 /* Destacados: lista de filas */
 html body #sChart #chart:not(#_a):not(#_b):not(#_c){display:flex!important;flex-direction:column!important;gap:0!important;max-width:var(--cw)!important;margin:0 auto!important;border-top:1px solid rgba(255,255,255,.12)}
 html body #sChart #chart .cr.ft:not(#_a):not(#_b):not(#_c):not(#_d){display:grid!important;grid-template-columns:72px minmax(0,1fr) auto;grid-template-areas:"c t p" "c a p";column-gap:24px;row-gap:2px;align-items:center;width:100%!important;max-width:none!important;padding:16px 8px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.1)!important;border-radius:0!important;background:transparent!important;transition:background-color .25s ease!important}
 html body #sChart #chart .cr.ft:hover{background:rgba(255,255,255,.035)!important;transform:none!important}
 html body #sChart #chart .cr.ft .ft-c{grid-area:c;width:72px!important;height:72px!important;aspect-ratio:1!important;border-radius:10px!important;overflow:hidden;margin:0!important}
 html body #sChart #chart .cr.ft .ft-c img{width:100%;height:100%;object-fit:cover}
 html body #sChart #chart .cr.ft .ft-t{grid-area:t;align-self:end;margin:0!important;font:600 17px/1.2 'Instrument Sans',sans-serif!important;letter-spacing:-.015em}
 html body #sChart #chart .cr.ft .ft-a{grid-area:a;align-self:start;margin:0!important;font-size:13.5px!important;color:#a3a3a3!important}
 html body #sChart #chart .cr.ft .ft-p:not(#_a):not(#_b):not(#_c){grid-area:p;width:auto!important;min-width:150px;height:44px;padding:0 22px!important;margin:0!important}
}
/* Artistas: fichas horizontales */
/* Seguridad: título a la izquierda, puntos en lista a la derecha */
@media(min-width:861px){
 html body main#home>#seguro:not(#_a):not(#_b):not(#_c){display:grid!important;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:clamp(48px,8vw,120px);align-items:start;max-width:var(--cw)!important;margin:0 auto!important;padding:112px 24px!important}
 html body #seguro::before{display:none!important}
 html body #seguro .hd:not(#_a):not(#_b):not(#_c){grid-column:1;align-items:flex-start!important;text-align:left!important;position:sticky;top:120px;margin:0!important}
 html body #seguro .hd h2{text-align:left!important;font-size:clamp(28px,2.8vw,40px)!important;line-height:1.08!important}
 html body #seguro .sf-sub{text-align:left!important;margin:0!important}
 html body #seguro .sf-g:not(#_a):not(#_b):not(#_c):not(#_d){grid-column:2;grid-template-columns:1fr!important;max-width:none!important;border:0!important;border-top:1px solid rgba(255,255,255,.12)!important}
 html body #seguro .sf:not(#_a):not(#_b):not(#_c):not(#_d){display:grid!important;grid-template-columns:48px minmax(0,1fr);grid-template-areas:"i h" "i p";column-gap:20px;row-gap:4px;align-items:start;text-align:left!important;padding:26px 0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.1)!important}
 html body #seguro .sf>i{grid-area:i}
 html body #seguro .sf h3{grid-area:h;text-align:left!important;margin:0!important}
 html body #seguro .sf p{grid-area:p;text-align:left!important;max-width:none!important;margin:0!important}
 html body #seguro .sf-l:not(#_a):not(#_b):not(#_c){grid-column:2;margin:28px 0 0!important;width:max-content}
}
/* Registro: banda a todo el ancho, texto y botón en fila */
@media(min-width:861px){
 html body .cta:not(#_a):not(#_b):not(#_c):not(#_d){flex-direction:row!important;justify-content:space-between;align-items:center;text-align:left;max-width:none!important;width:100%;padding:72px max(24px,calc((100% - var(--cw))/2 + 24px)) 72px!important;background:#101010!important;border-top:1px solid rgba(255,255,255,.1)!important;gap:48px}
 html body .cta h2{margin:0 0 8px!important}
 html body .cta p{max-width:460px;text-align:left}
}
/* Movimiento: filas de beats y fichas entran una tras otra */
@keyframes rv2{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){@supports(animation-timeline:view()){
}}
@media(min-width:861px){
 html body #sChart #chart .cr.ft:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e){margin:0!important;padding:18px 8px!important;height:auto!important;min-height:0!important}
 html body #sChart #chart .cr.ft .ft-p:not(#_a):not(#_b):not(#_c):not(#_d){height:44px!important;min-height:44px!important;justify-content:center;border:1px solid rgba(255,255,255,.2)!important;background:transparent!important;border-radius:99px!important}
 html body #sChart #chart .cr.ft:hover .ft-p:not(#_a):not(#_b):not(#_c):not(#_d){background:#fff!important;color:#111!important;-webkit-text-fill-color:#111!important;border-color:#fff!important}
 html body #sChart #chart .cr.ft:hover .ft-p svg{stroke:#111!important}
}
/* Artistas: ficha mínima (foto, nombre, datos) */
/* Títulos de sección a la izquierda con línea fina */
@media(min-width:861px){
 html body #sChart .hd.hd-vm h2:not(#_a):not(#_b):not(#_c){position:static!important;width:auto;height:auto;clip:auto;overflow:visible;font-size:28px!important;line-height:40px}
}
@media(max-width:860px){
 html body #sChart #chart:not(#_a):not(#_b):not(#_c){display:flex!important;flex-direction:column!important;gap:0!important;border-top:1px solid rgba(255,255,255,.12)}
 html body #sChart #chart .cr.ft:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e){display:grid!important;grid-template-columns:64px minmax(0,1fr);grid-template-areas:"c t" "c a" "p p";column-gap:16px;row-gap:2px;width:100%!important;max-width:none!important;margin:0!important;padding:16px 0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.1)!important;border-radius:0!important;background:transparent!important}
 html body #sChart #chart .cr.ft .ft-c{grid-area:c;width:64px!important;height:64px!important;aspect-ratio:1!important;border-radius:10px!important;overflow:hidden}
 html body #sChart #chart .cr.ft .ft-c img{width:100%;height:100%;object-fit:cover}
 html body #sChart #chart .cr.ft .ft-t{grid-area:t;align-self:end;margin:0!important}
 html body #sChart #chart .cr.ft .ft-a{grid-area:a;align-self:start;margin:0!important}
 html body #sChart #chart .cr.ft .ft-p:not(#_a):not(#_b):not(#_c){grid-area:p;margin-top:12px!important;height:44px;width:100%!important}
 html body .cta:not(#_a):not(#_b):not(#_c):not(#_d){background:#101010!important;padding:56px 20px!important}
}
/* Destacados: beats cuadrados en cuadrícula (reemplaza la lista) */
html body #sChart #chart:not(#_a):not(#_b):not(#_c):not(#_d){display:grid!important;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important;gap:32px 20px!important;max-width:var(--cw)!important;margin:0 auto!important;border-top:0!important}
html body #sChart #chart .cr.ft:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f){display:flex!important;flex-direction:column!important;gap:0;padding:0!important;border:0!important;border-bottom:0!important;border-radius:0!important;background:transparent!important}
html body #sChart #chart .cr.ft:hover{background:transparent!important}
html body #sChart #chart .cr.ft .ft-c:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e){width:100%!important;height:auto!important;aspect-ratio:1/1!important;border-radius:14px!important;overflow:hidden;margin:0 0 14px!important}
html body #sChart #chart .cr.ft .ft-c img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
html body #sChart #chart .cr.ft:hover .ft-c img{transform:scale(1.03)}
html body #sChart #chart .cr.ft .ft-t:not(#_a):not(#_b):not(#_c):not(#_d){margin:0 0 2px!important;font-size:16px!important}
html body #sChart #chart .cr.ft .ft-a:not(#_a):not(#_b):not(#_c):not(#_d){margin:0 0 14px!important}
html body #sChart #chart .cr.ft .ft-p:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e){width:100%!important;min-width:0!important;margin:0!important;height:42px!important;min-height:42px!important}
html body #sChart #chart .cr.ft:hover .ft-p{background:#fff!important;color:#111!important;-webkit-text-fill-color:#111!important}
@media(max-width:860px){html body #sChart #chart:not(#_a):not(#_b):not(#_c):not(#_d){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 14px!important}html body #sChart #chart .cr.ft .ft-c{aspect-ratio:1/1!important;width:100%!important;height:auto!important}}
@media(max-width:420px){html body #sChart #chart:not(#_a):not(#_b):not(#_c):not(#_d){grid-template-columns:1fr!important}}
html body #sChart #chart .cr.ft .ft-t:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e){text-align:left!important;align-self:flex-start!important;grid-area:auto!important}
html body #sChart #chart .cr.ft .ft-a:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e){text-align:left!important;align-self:flex-start!important;grid-area:auto!important}
@media(min-width:861px){html body main#home>#sChart .hd.hd-vm:not(#_a):not(#_b):not(#_c):not(#_d){display:block!important;max-width:var(--cw);margin:0 auto 36px!important;text-align:left!important}html body main#home>#sChart .hd.hd-vm h2:not(#_a):not(#_b):not(#_c):not(#_d){text-align:left!important;margin:0!important;display:block!important}}
/* Pulido: foto de «Empieza» en banda delgada, espacios parejos y pie más ligero */
@media(min-width:861px){
 html body #empieza .kk-v:not(#_a):not(#_b):not(#_c):not(#_d){height:clamp(220px,30vh,320px)!important}
 html body #empieza .kv-ph img{object-position:center 38%!important}
 html body #empieza .kk-g .kk-t:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f){padding-top:72px!important;padding-bottom:88px!important}
}
html body main#home>section.row:not(#empieza):not(#_a):not(#_b){padding-top:96px!important}
html body footer.ft:not(#_a):not(#_b){padding-top:56px!important}
html body footer.ft .ft-bot:not(#_a):not(#_b){margin-top:40px!important}
html body footer.ft .ft-brand .pays{display:none!important}
/* Empieza tu carrera: sin imagen, solo texto en dos columnas y botones */
html body #empieza .kk-v:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e){display:none!important}
@media(min-width:861px){
 html body main #empieza:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e){border-top:1px solid rgba(255,255,255,.1)!important;background:#1b1b1b!important}
 html body #empieza .kk-g .kk-t:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f){background:transparent!important;background-color:transparent!important;padding-top:104px!important;padding-bottom:104px!important;align-items:center}
 html body #empieza .kk-t h2:not(#_a):not(#_b):not(#_c):not(#_d){font-size:clamp(34px,3.6vw,52px)!important;line-height:1.04!important}
 html body #empieza .kk-l:not(#_a):not(#_b):not(#_c){gap:36px 48px!important}
 html body #empieza .kk-l h3{font-size:17px!important}
 html body #empieza .kk-l p{font-size:14.5px!important;color:#a8a8a8!important}
 html body #empieza .kk-a{align-self:start!important}
}
@media(min-width:861px){
 html body #seguro .hd h2:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e){text-align:left!important}
 html body #seguro .hd:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e){align-items:flex-start!important;text-align:left!important}
 html body #seguro .sf-g:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e){width:100%!important;max-width:none!important;justify-self:stretch}
 html body #seguro .sf-l:not(#_a):not(#_b):not(#_c):not(#_d){justify-self:start}
}

/* Empieza tu carrera: encabezado centrado y cuatro columnas */
@media(min-width:861px){
 html body #empieza .kk-g .kk-t:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f){grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-areas:"h h h h" "s s s s" "l l l l" "a a a a"!important;gap:0 40px!important;padding-top:112px!important;padding-bottom:112px!important;justify-items:stretch}
 html body #empieza .kk-t h2:not(#_a):not(#_b):not(#_c):not(#_d){grid-area:h;text-align:center!important;margin:0 auto 20px!important;max-width:780px!important;font-size:clamp(36px,4vw,56px)!important}
 html body #empieza .ek-lead{grid-area:s;text-align:center;margin:0 auto 64px;max-width:560px;font:400 17px/1.55 'Instrument Sans',sans-serif;color:#a8a8a8}
 html body #empieza .kk-l:not(#_a):not(#_b):not(#_c){grid-area:l;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0 40px!important;margin-bottom:56px!important}
 html body #empieza .kk-a:not(#_a):not(#_b){grid-area:a;justify-content:center!important;align-self:center!important}
}
html body #empieza .ek-lead{color:#a8a8a8}
@media(max-width:860px){html body #empieza .ek-lead{margin:0 0 32px;font-size:16px;color:#a8a8a8}}
html body #empieza .kk-l>li:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f){align-items:start!important;align-content:start!important}
html body #empieza .kk-l>li>div:not(#_a):not(#_b):not(#_c):not(#_d){align-self:start!important}
/* Empieza tu carrera: aún más minimalista (sin iconos, texto corto) con animación de líneas y texto */
html body #empieza .ek-lead{display:none!important}
html body #empieza .kk-l>li>i:not(#_a):not(#_b):not(#_c):not(#_d){display:none!important}
html body #empieza .kk-l>li:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f){display:block!important;position:relative;border:0!important;padding-top:22px!important}
html body #empieza .kk-l>li::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:rgba(255,255,255,.28);transform-origin:left}
html body #empieza .kk-l>li:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f){border-top:0!important}
html body #empieza .kk-l h3{font-size:18px!important;margin:0 0 8px!important}
html body #empieza .kk-l p{max-width:26ch}
@media(min-width:861px){html body #empieza .kk-t h2:not(#_a):not(#_b):not(#_c):not(#_d){margin-bottom:72px!important}}
@keyframes eline{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes eup{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){@supports(animation-timeline:view()){
 html body #empieza .kk-l>li::before{animation:eline linear both;animation-timeline:view();animation-range:entry 15% entry 55%}
 html body #empieza .kk-l>li>div{animation:eup linear both;animation-timeline:view();animation-range:entry 25% entry 65%}
 html body #empieza .kk-l>li:nth-child(2)>div{animation-range:entry 30% entry 70%}
 html body #empieza .kk-l>li:nth-child(3)>div{animation-range:entry 35% entry 75%}
 html body #empieza .kk-l>li:nth-child(4)>div{animation-range:entry 40% entry 80%}
}}
html body #empieza .kk-l>li>div{opacity:1}
/* Seguridad: mismo estilo mínimo (sin iconos; título y descripción en fila, líneas animadas) */
@media(min-width:861px){
 html body #seguro .sf>i:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e){display:none!important}
 html body #seguro .sf:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f){grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr)!important;grid-template-areas:"h p"!important;column-gap:32px;align-items:baseline;padding:22px 0!important;position:relative;border-bottom:0!important}
 html body #seguro .sf::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:rgba(255,255,255,.2);transform-origin:left}
 html body #seguro .sf h3{font-size:17px!important}
 html body #seguro .sf p{font-size:14.5px!important}
 html body #seguro .sf-g:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e){border-top:0!important}
 html body #seguro .sf:last-child{box-shadow:0 1px 0 rgba(255,255,255,.2)}
}
@keyframes sline{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:no-preference){@supports(animation-timeline:view()){
 html body #seguro .sf::before{animation:sline linear both;animation-timeline:view();animation-range:entry 10% entry 50%}
}}
html body #seguro .sf-sub{max-width:34ch}
@media(min-width:861px){html body #seguro .sf:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f)::before{content:""!important;display:block!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:1px!important;width:auto!important;background:rgba(255,255,255,.2)!important}}
@media(min-width:861px){
 html body #seguro .sf:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f)::before{display:none!important}
 html body #seguro .sf:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f){background:linear-gradient(rgba(255,255,255,.22),rgba(255,255,255,.22)) top left/100% 1px no-repeat!important}
}
@keyframes sbg{from{background-size:0 1px}to{background-size:100% 1px}}
@media(prefers-reduced-motion:no-preference){@supports(animation-timeline:view()){
 html body #seguro .sf:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f){animation:rv2 linear both,sbg linear both!important;animation-timeline:view(),view()!important;animation-range:entry 0% entry 40%,entry 10% entry 55%!important}
}}
/* ===== Rediseño v3 minimalista (todo lo de abajo; hero, beats y «Explorar beats» no se tocan) ===== */
/* Creadores: lista de nombres con línea fina */
/* Empieza: una frase grande, cuatro palabras clave y un botón */
@media(min-width:861px){
 html body #empieza .kk-g .kk-t:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f){display:flex!important;flex-direction:column;align-items:center;text-align:center;gap:0!important;padding:144px 24px 128px!important}
 html body #empieza .kk-t h2:not(#_a):not(#_b):not(#_c):not(#_d){font-size:clamp(40px,5.2vw,76px)!important;line-height:1!important;letter-spacing:-.045em!important;margin:0 auto 40px!important;max-width:920px!important}
 html body #empieza .kk-l:not(#_a):not(#_b):not(#_c){display:flex!important;flex-wrap:wrap;justify-content:center;gap:12px 40px!important;margin:0 0 56px!important;max-width:none!important}
 html body #empieza .kk-l>li:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f){padding:0!important;display:block!important}
 html body #empieza .kk-l>li::before{display:none!important}
 html body #empieza .kk-l>li>div p{display:none!important}
 html body #empieza .kk-l h3{font:500 17px/1.3 'Instrument Sans',sans-serif!important;color:#a8a8a8;margin:0!important}
 html body #empieza .kk-l>li+li h3::before{content:"/";margin-right:40px;color:#555}
 html body #empieza .kk-a:not(#_a):not(#_b){justify-content:center!important}
 html body #empieza .kk-a .btn.o{display:none!important}
}
/* Seguridad: tres columnas de texto, sin líneas ni iconos */
@media(min-width:861px){
 html body main#home>#seguro:not(#_a):not(#_b):not(#_c):not(#_d){display:block!important;max-width:var(--cw)!important;padding:128px 24px!important}
 html body #seguro .hd:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e){position:static!important;display:block!important;max-width:620px;margin:0 0 72px!important}
 html body #seguro .hd h2{font-size:clamp(30px,3.2vw,46px)!important;letter-spacing:-.04em!important;line-height:1.05!important}
 html body #seguro .sf-g:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:56px 48px!important;border:0!important}
 html body #seguro .sf:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f){display:block!important;padding:0!important;background:none!important;animation:none!important}
 html body #seguro .sf h3{font-size:18px!important;margin:0 0 8px!important}
 html body #seguro .sf p{max-width:30ch!important;color:#a3a3a3!important}
 html body #seguro .sf-l:not(#_a):not(#_b):not(#_c):not(#_d){margin-top:64px!important}
}
/* Registro y pie */
@media(min-width:861px){
 html body .cta:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e){flex-direction:column!important;align-items:center!important;text-align:center!important;background:transparent!important;border-top:1px solid rgba(255,255,255,.12)!important;padding:112px 24px!important;gap:32px}
 html body .cta h2{font-size:clamp(32px,4vw,56px)!important;letter-spacing:-.045em!important;margin:0 0 12px!important}
 html body .cta p{text-align:center!important;margin:0 auto!important}
 html body footer.ft .ft-top:not(#_a):not(#_b){grid-template-columns:1.4fr 1fr 1fr 1fr!important}
}
@keyframes v3up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){@supports(animation-timeline:view()){
 html body #seguro .sf:nth-child(3n+2){animation-range:entry 6% entry 51%!important}html body #seguro .sf:nth-child(3n){animation-range:entry 12% entry 57%!important}
}}
@media(min-width:861px){
 html body #empieza .kk-g .kk-t .kk-l:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g){display:flex!important;flex-direction:row!important;flex-wrap:wrap;grid-template-columns:none!important;justify-content:center;gap:12px 40px!important;grid-area:auto!important}
 html body #empieza .kk-g .kk-t .kk-l>li:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g){width:auto!important;display:block!important}
 html body #empieza .kk-g .kk-t>*:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f){grid-area:auto!important}
}
/* ===== Mejora v3.1: interacciones, jerarquía y pie ===== */
/* Creadores: flecha y desplazamiento al pasar el cursor */
/* Seguridad: al pasar por un punto se atenúan los demás */
html body #seguro .sf-g:hover .sf:not(:hover){opacity:.4}
html body #seguro .sf{transition:opacity .35s ease}
/* Empieza: palabras clave con subrayado que se dibuja y botón con flecha */
html body #empieza .kk-l h3{position:relative;padding-bottom:6px;transition:color .3s ease;background:linear-gradient(#fff,#fff) 0 100%/0 1px no-repeat;transition:background-size .5s var(--ease),color .3s ease}
html body #empieza .kk-l>li:hover h3{color:#fff!important;background-size:100% 1px}
html body #empieza .kk-a .btn.hot{height:54px!important;padding:0 36px!important;font-size:16px!important}
/* Registro: botón grande */
html body .cta .btn.hot{height:54px!important;padding:0 36px!important;font-size:16px!important}
/* Pie: una sola fila, ligero */
@media(min-width:861px){
 html body footer.ft .ft-top:not(#_a):not(#_b):not(#_c){grid-template-columns:1.6fr 1fr 1fr 1fr!important;gap:48px!important;padding-bottom:8px!important}
 html body footer.ft .ft-col a{font-size:13.5px!important;color:#a3a3a3!important}
 html body footer.ft .ft-col a:hover{color:#fff!important}
 html body footer.ft .ft-col h4{color:#777!important}
 html body footer.ft .ft-bot{border-top:1px solid rgba(255,255,255,.1)!important;margin-top:56px!important}
}
/* Texto de seguridad y títulos: jerarquía más clara */
html body #seguro .sf h3{letter-spacing:-.015em}
/* Móvil de la nueva estructura */
@media(max-width:860px){
 html body #empieza .kk-t h2:not(#_a):not(#_b):not(#_c){font-size:clamp(34px,10vw,48px)!important;letter-spacing:-.045em!important;line-height:1.02!important;text-align:left!important}
 html body #empieza .kk-l:not(#_a):not(#_b):not(#_c){display:flex!important;flex-direction:column;gap:14px!important;margin:28px 0 36px!important}
 html body #empieza .kk-l>li>div p{display:none!important}
 html body #empieza .kk-l>li>i{display:none!important}
 html body #empieza .kk-l h3{font-size:17px!important;color:#a8a8a8}
 html body #seguro .sf-g:not(#_a):not(#_b):not(#_c):not(#_d){display:grid!important;grid-template-columns:1fr!important;gap:28px!important}
 html body #seguro .sf:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e){display:block!important;padding:0!important}
 html body .cta:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e){align-items:flex-start!important;text-align:left!important}
}
@media(max-width:860px){
 html body #seguro .sf>i:not(#_a):not(#_b):not(#_c):not(#_d){display:none!important}
 html body #seguro .hd:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e),html body #seguro .hd h2,html body #seguro .sf-sub{text-align:left!important;align-items:flex-start!important}
 html body #seguro .sf h3,html body #seguro .sf p{text-align:left!important;max-width:none!important}
 html body #seguro .sf-l:not(#_a):not(#_b):not(#_c){margin-top:32px!important}
 html body main#home>#seguro:not(#_a):not(#_b):not(#_c){display:block!important;padding:72px 20px!important}
}
@media(max-width:860px){html body #seguro .hd h2:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f){text-align:left!important}html body #seguro .hd:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f){align-items:flex-start!important;display:block!important}}
html body .cta:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e){padding-bottom:88px!important}
@media(min-width:861px){html body #empieza .kk-t h2:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e){font-size:clamp(34px,4.2vw,62px)!important;max-width:1040px!important}}
/* Pulido final: ritmo vertical más compacto y parejo */
@media(min-width:861px){
 html body #empieza .kk-g .kk-t:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f){padding-top:112px!important;padding-bottom:104px!important}
 html body main#home>#seguro:not(#_a):not(#_b):not(#_c):not(#_d){padding-top:104px!important;padding-bottom:104px!important}
 html body .cta:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e){padding-top:96px!important;padding-bottom:96px!important}
}
/* Panel «Explorar beats»: barra lateral gris plana, deslizador visible y chips parejos */
html body .vs:not(#_a):not(#_b):not(#_c),html body .vmp aside:not(#_a):not(#_b):not(#_c){background:#1b1b1b!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:18px!important;box-shadow:none!important}
html body .vs-rg:not(#_a):not(#_b){-webkit-appearance:none;appearance:none;width:100%;height:2px!important;border-radius:2px;background:linear-gradient(#fff,#fff) 0/var(--p,100%) 100% no-repeat,#3a3a3a!important;margin:18px 0 6px!important;outline:0}
html body .vs-rg::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:0;cursor:pointer;transition:transform .2s var(--ease)}
html body .vs-rg::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:0;cursor:pointer}
html body .vs-rg:hover::-webkit-slider-thumb{transform:scale(1.15)}
html body .vs-gs{display:flex!important;flex-wrap:wrap;gap:8px!important}
html body .vs-gs a,html body .vs-gs button{padding:8px 14px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:99px!important;font-size:13px!important}
html body .vs-gs a.on,html body .vs-gs button.on{background:#fff!important;color:#111!important;border-color:#fff!important}
html body .vm-l>*{transition:background-color .25s ease}
html body .vm-l>*:hover{background:rgba(255,255,255,.035)}
/* Panel: lista más clara (portada mayor, género en texto, botón de precio fino, cabecera compacta) */
html body .vm-hd:not(#_a):not(#_b){padding-bottom:20px!important;margin-bottom:8px!important}
html body .vm-ht h2{font-size:34px!important;letter-spacing:-.04em!important}
html body .vm-ct{font:500 13px 'JetBrains Mono',ui-monospace,monospace!important;color:#a3a3a3!important}
html body .vr:not(#_a):not(#_b):not(#_c){display:grid!important;grid-template-columns:32px 64px minmax(0,1fr) 120px 150px;align-items:center;column-gap:20px;padding:14px 12px!important;border-radius:12px!important}
html body .vr .vr-i{width:64px!important;height:64px!important;border-radius:10px!important;overflow:hidden}
html body .vr .vr-i img{width:100%;height:100%;object-fit:cover}
html body .vr .vr-t b{font:600 17px/1.2 'Instrument Sans',sans-serif!important;letter-spacing:-.015em}
html body .vr .vr-t small{font-size:13px!important;color:#a3a3a3!important}
html body .vr .vr-g:not(#_a):not(#_b){background:none!important;border:0!important;padding:0!important;font:500 13px 'Instrument Sans',sans-serif!important;color:#a3a3a3!important;letter-spacing:0!important;text-transform:none!important}
html body .vr .vr-p:not(#_a):not(#_b):not(#_c){height:42px!important;min-width:0!important;border:1px solid rgba(255,255,255,.2)!important;background:transparent!important;border-radius:99px!important;justify-content:center;transition:background-color .25s ease,color .25s ease}
html body .vr:hover .vr-p:not(#_a):not(#_b):not(#_c){background:#fff!important;color:#111!important;-webkit-text-fill-color:#111!important;border-color:#fff!important}
html body .vr:hover .vr-p svg{stroke:#111!important}
html body .vr .vr-n{font:500 13px 'JetBrains Mono',ui-monospace,monospace!important;color:#777!important;text-align:center}
@media(max-width:860px){html body .vr:not(#_a):not(#_b):not(#_c){grid-template-columns:56px minmax(0,1fr) auto;column-gap:14px}html body .vr .vr-n,html body .vr .vr-g{display:none!important}html body .vr .vr-i{width:56px!important;height:56px!important}}
html body .vm-l .vr:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f){grid-template-columns:32px 64px minmax(0,1fr) 120px 150px!important;column-gap:20px!important}
@media(max-width:860px){html body .vm-l .vr:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f){grid-template-columns:56px minmax(0,1fr) auto!important;column-gap:14px!important}}
/* ===== Página Creadores: mismo estilo minimalista (títulos en minúscula, sin números ni cajas) ===== */
html body .how .hd h2,html body .row .hd h2{text-transform:none!important}
html body main h1:not(#_a):not(#_b){text-transform:none!important}
html body .hw-top .n,html body .how .c .n{display:none!important}
html body .how2 .c:not(#_a):not(#_b):not(#_c){background:transparent!important;border:0!important;border-top:1px solid rgba(255,255,255,.18)!important;border-radius:0!important;padding:24px 0 8px!important;box-shadow:none!important}
html body .how2 .hw-ic:not(#_a):not(#_b){background:transparent!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important}
html body .how2 .c:hover .hw-ic{background:#fff!important;color:#111!important}
html body .how2 .c h3{font:600 18px/1.25 'Instrument Sans',sans-serif!important;letter-spacing:-.015em!important;text-transform:none!important}
html body .how2 .c p{color:#a3a3a3!important}
html body .how2 .hw-b{font:500 12px 'JetBrains Mono',ui-monospace,monospace!important;letter-spacing:.04em;color:#8f8f8f!important}
html body .fc:not(#_a):not(#_b){background:transparent!important;border:0!important;border-top:1px solid rgba(255,255,255,.14)!important;border-radius:0!important;padding:22px 0!important}
html body .fc h3{letter-spacing:-.015em!important;font-weight:600!important}
html body .fc p{color:#a3a3a3!important}
html body .row .hd:not(#_a):not(#_b):not(#_c){margin-bottom:48px!important}
html body .row .hd h2{font-size:clamp(28px,3vw,42px)!important;letter-spacing:-.04em!important;line-height:1.05!important}
@media(prefers-reduced-motion:no-preference){@supports(animation-timeline:view()){
 html body .how2 .c,html body .fc{animation:v3up linear both!important;animation-timeline:view()!important;animation-range:entry 0% entry 45%!important}
}}
html body h1:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f),html body .row .hd h2:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f){text-transform:none!important}
html body .sp h1:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e){font:600 clamp(40px,5vw,72px)/1.02 'Instrument Sans',sans-serif!important;letter-spacing:-.045em!important}
html body .sp h1 *:not(#_a):not(#_b){color:#fff!important;-webkit-text-fill-color:#fff!important;font:inherit!important;text-transform:none!important}
html body .sp .kick,html body .sp .kick2:not(#_a):not(#_b){text-transform:none!important;letter-spacing:0!important;color:#a3a3a3!important;font:500 14px 'Instrument Sans',sans-serif!important}
html body .sc:not(#_a):not(#_b):not(#_c):not(#_d){background:transparent!important;border:0!important;border-top:1px solid rgba(255,255,255,.18)!important;border-radius:0!important;box-shadow:none!important;padding:20px 0 0!important}
html body .sc b,html body .sc strong{font:600 clamp(32px,3.4vw,48px)/1 'Instrument Sans',sans-serif!important;letter-spacing:-.04em!important}
html body .sc span,html body .sc small{text-transform:none!important;letter-spacing:0!important;font:400 14px/1.4 'Instrument Sans',sans-serif!important;color:#a3a3a3!important}
html body .gate:not(#_a):not(#_b):not(#_c){background:transparent!important;border:0!important;border-top:1px solid rgba(255,255,255,.14)!important;border-radius:0!important}
html body .lt-go .ltr:not(#_a):not(#_b):not(#_c),html body .lt-go .lw:not(#_a):not(#_b):not(#_c),html body .crh-t *:not(#_a):not(#_b):not(#_c){text-transform:none!important;letter-spacing:-.045em!important;font-weight:600!important}
html body .crh-t h1:not(#_a):not(#_b):not(#_c):not(#_d){font-size:clamp(40px,5vw,72px)!important;line-height:1.02!important}
html body .crh-t .ltr:nth-last-child(n+1){color:#fff!important}
html body .crh-t *:not(#_a):not(#_b):not(#_c){letter-spacing:normal!important;font-weight:inherit!important}
html body .crh-t h1 .ltr:not(#_a):not(#_b):not(#_c),html body .crh-t h1 .lw:not(#_a):not(#_b):not(#_c){letter-spacing:-.045em!important;font-weight:600!important}
html body .crh-t p:not(#_a):not(#_b){font-weight:400!important;letter-spacing:0!important}
html body .crh-t .btn:not(#_a):not(#_b){font-weight:500!important}
html body .sc b:not(#_a):not(#_b),html body .sc strong:not(#_a):not(#_b){font-size:clamp(30px,3vw,44px)!important;line-height:1.05!important;white-space:nowrap}
html body .sc:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e){position:relative;display:flex;flex-direction:column;gap:12px;padding:20px 0 0!important}
html body .sc::before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:rgba(255,255,255,.22);transform-origin:left}
@keyframes crline{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes crrise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){
 html body .sc::before{animation:crline 1s var(--ease) both}
 html body .sc{animation:crrise .9s var(--ease) both}
 html body .sc:nth-child(2){animation-delay:.1s}html body .sc:nth-child(3){animation-delay:.2s}html body .sc:nth-child(4){animation-delay:.3s}
 html body .sc:nth-child(2)::before{animation-delay:.1s}html body .sc:nth-child(3)::before{animation-delay:.2s}html body .sc:nth-child(4)::before{animation-delay:.3s}
 html body .how2 .c .hw-ic{transition:transform .5s var(--ease),background-color .3s ease,color .3s ease}
 html body .how2 .c:hover .hw-ic{transform:translateY(-4px)}
 html body .fc{transition:padding .4s var(--ease),opacity .3s ease}
 html body .fc:hover{padding-left:12px!important}
}
/* Creadores: preguntas en filas con línea, registro final sin caja y ancho de contenido unificado */
html body .faq:not(#_a):not(#_b):not(#_c){max-width:880px!important;margin:0 auto!important;border-top:1px solid rgba(255,255,255,.16)}
html body .faq details:not(#_a):not(#_b):not(#_c){background:transparent!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.16)!important;border-radius:0!important;box-shadow:none!important;margin:0!important}
html body .faq summary{padding:24px 4px!important;font:500 18px/1.3 'Instrument Sans',sans-serif!important;letter-spacing:-.01em;transition:padding .35s var(--ease)}
html body .faq summary:hover{padding-left:14px!important}
html body .faq details p{padding:0 4px 24px!important;color:#a3a3a3!important;max-width:64ch}
html body .faq details[open] summary{color:#fff}
html body .row .hd h2:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g){text-transform:none!important;letter-spacing:-.04em!important}
html body .cta2:not(#_a):not(#_b):not(#_c){background:transparent!important;border:0!important;border-top:1px solid rgba(255,255,255,.16)!important;border-radius:0!important;max-width:var(--cw);margin:0 auto!important;padding:72px 0!important;box-shadow:none!important}
html body .cta2 h2{font:600 clamp(30px,3.6vw,52px)/1.05 'Instrument Sans',sans-serif!important;letter-spacing:-.045em!important;margin:0 0 12px!important}
html body .cta2::before,html body .cta2::after{display:none!important}
html body .how2,html body .fgrid,html body .row .how:not(#_a):not(#_b){max-width:var(--cw);margin-left:auto!important;margin-right:auto!important}
@media(prefers-reduced-motion:no-preference){@supports(animation-timeline:view()){
 html body .faq details,html body .cta2{animation:v3up linear both!important;animation-timeline:view()!important;animation-range:entry 0% entry 45%!important}
}}
html body .crh h1:not(#_a):not(#_b):not(#_c):not(#_d),html body .hd h2:not(#_a):not(#_b):not(#_c):not(#_d),html body .crh h1 .ltr:not(#_a):not(#_b):not(#_c),html body .hd h2 .ltr:not(#_a):not(#_b):not(#_c){text-transform:none!important;letter-spacing:-.04em!important}
html body .hd h2 .lw,html body .hd h2 .ltr{font-weight:600!important}
html body .hd h2 .ltr:not(#_a):not(#_b):not(#_c):not(#_d),html body .hd h2 .lw:not(#_a):not(#_b):not(#_c):not(#_d){color:#fff!important;-webkit-text-fill-color:#fff!important;letter-spacing:-.04em!important}
html body .hd h2:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e){word-spacing:normal!important}
html body .fc>i:not(#_a):not(#_b):not(#_c){display:grid!important;place-items:center;width:44px!important;height:44px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:12px!important;background:transparent!important;color:#fff!important;font-style:normal;margin-bottom:14px!important;transition:background-color .3s ease,color .3s ease,transform .4s var(--ease)}
html body .fc:hover>i{background:#fff!important;color:#111!important;transform:translateY(-3px)}
html body .hw-cta[hidden]{display:none!important}
/* ===== Ventana de planes: minimalista (sin cajas, filas de datos, precios grandes) ===== */
html body #mPlans:not(#_a):not(#_b){background:#1b1b1b!important}
html body #mPlans .plh h2,html body #plT{font:600 clamp(34px,4vw,56px)/1.05 'Instrument Sans',sans-serif!important;letter-spacing:-.045em!important;text-transform:none!important;border:0!important;text-decoration:none!important}
html body #mPlans .plh h2::after,html body #plT::after{display:none!important}
html body #mPlans .plh .kick,html body #mPlans .plh .kick2,html body #mPlans .plh small:first-child{display:none!important}
html body #plBody .pcs:not(#_a):not(#_b):not(#_c){background:transparent!important;border:0!important;border-top:1px solid rgba(255,255,255,.2)!important;border-radius:0!important;box-shadow:none!important;padding:28px 4px 24px!important;transition:background-color .3s ease,padding .4s var(--ease)}
html body #plBody .pcs:hover{background:rgba(255,255,255,.03)!important}
html body #plBody .pcs.on:not(#_a):not(#_b){background:rgba(255,255,255,.06)!important;border-top:2px solid #fff!important}
html body #plBody .pcs [class*="ic"],html body #plBody .pcs .pcs-i{display:none!important}
html body #plBody .pcs h3,html body #plBody .pcs .pcs-n{font:600 22px/1.1 'Instrument Sans',sans-serif!important;letter-spacing:-.03em}
html body #plBody .pcs .pcs-p b,html body #plBody .pcs [class*="price"] b{font:600 clamp(40px,4vw,56px)/1 'Instrument Sans',sans-serif!important;letter-spacing:-.05em}
html body #plBody .pcs button:not(#_a):not(#_b){border-radius:99px!important;height:44px;border:1px solid rgba(255,255,255,.25)!important;background:transparent!important;color:#fff!important}
html body #plBody .pcs.on button:not(#_a):not(#_b){background:#fff!important;color:#111!important;border-color:#fff!important}
html body .plf:not(#_a):not(#_b){background:#161616!important;border-top:1px solid rgba(255,255,255,.14)!important;box-shadow:none!important}
@media(prefers-reduced-motion:no-preference){html body #plBody .pcs{animation:v3up .7s var(--ease) both}html body #plBody .pcs:nth-child(2){animation-delay:.08s}html body #plBody .pcs:nth-child(3){animation-delay:.16s}html body #plBody .pcs:nth-child(4){animation-delay:.24s}}
html body #plBody .pcs-pk i:not(#_a):not(#_b),html body #plBody .pcs-pk .pk-i:not(#_a):not(#_b),html body #plBody .pcs-pk svg:not(#_a):not(#_b){display:none!important}
html body #plBody .pcs-pk>*:not(#_a):not(#_b){display:block!important;grid-template-columns:none!important;padding:0!important}
html body #plBody .pcs-pk b{font-weight:600!important}
html body #plBody .pcs-st{border-top:1px solid rgba(255,255,255,.1);padding-top:14px}
/* Planes: tarjetas con contorno fino */
html body #plBody .pcs:not(#_a):not(#_b):not(#_c):not(#_d){border:1px solid rgba(255,255,255,.2)!important;border-radius:18px!important;padding:28px 24px 24px!important;background:transparent!important}
html body #plBody .pcs:not(#_a):not(#_b):not(#_c):not(#_d):hover{border-color:rgba(255,255,255,.45)!important;background:rgba(255,255,255,.03)!important}
html body #plBody .pcs.on:not(#_a):not(#_b):not(#_c):not(#_d){border:2px solid #fff!important;background:rgba(255,255,255,.05)!important}
html body #plBody{gap:16px!important}
/* Sin ampliación en pantallas medianas y grandes (la ampliación descuadraba las ventanas fijas) */
@media(min-width:1500px){:root{zoom:1!important;--pad:max(24px,calc(100vw - var(--maxw))/2)!important}}
@media(min-width:2200px){:root{zoom:1.2!important;--pad:max(24px,calc((100vw/1.2 - var(--maxw))/2))!important}}
html body .plh .edx{display:none!important}
/* Planes: el contenido se desplaza y la barra inferior queda fija */
html body #mPlans>.box.plpg:not(#_a):not(#_b):not(#_c){overflow:hidden!important;display:flex!important;flex-direction:column!important}
html body #mPlans .plsc:not(#_a):not(#_b){flex:1 1 0!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#3a3a3a transparent;padding-bottom:120px}
html body #mPlans .plf:not(#_a):not(#_b){position:absolute!important;left:0!important;right:0!important;bottom:0!important;z-index:6}
html body #mPlans #plBody:not(#_a):not(#_b){overflow:visible!important;flex:none!important;min-height:auto!important;height:auto!important}
html body #mPlans .plh button.edx:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f){display:none!important}
/* Creadores: se quita lo que sobra (etiquetas, cifras repetidas, botón repetido, tags de pasos y cierre duplicado) */
html body .crh .kick2,html body .crh .kick,html body #crH .kick2,html body .hd .kick2:not(#_a){display:none!important}
html body .crh .sc:nth-child(n+3):not(#_a){display:none!important}
html body .crh .btn.o:not(#_a):not(#_b){display:none!important}
html body .hw-b:not(#_a):not(#_b){display:none!important}
html body .cta2:not(#_a):not(#_b):not(#_c){display:none!important}
html body .how2 .c:not(#_a):not(#_b):not(#_c){padding-bottom:0!important}