/* ==========================================================================
   YoSoyHipHopMusic — páginas internas, componentes, paneles y reproductor
   (se apoya en las variables y estilos base de main.css)
   ========================================================================== */
.ys-view{display:contents;}
.skip{position:fixed;left:12px;top:-60px;z-index:100;padding:10px 14px;border-radius:8px;background:var(--red);font-weight:600;transition:top .15s;}
.skip:focus{top:12px;}
.muted{color:var(--muted);}
.small{font-size:12.5px;}
.mt{margin-top:22px!important;}
.mb{margin-bottom:12px!important;}
.h2,.h3,.h-sm{font-family:var(--head);text-transform:uppercase;letter-spacing:.02em;font-weight:700;}
.h-sm{margin:0 0 12px;font-size:18px;line-height:1.1;}
h1,h2,h3{text-wrap:balance;}

/* ---------- Estructura de páginas internas ---------- */
.inner .ys-main{gap:14px;padding-bottom:6px;}
.inner .ys-top{margin:10px 0 -2px;}
html.is-loading::before{content:"";position:fixed;left:0;top:0;z-index:200;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--red),transparent);background-size:50% 100%;background-repeat:no-repeat;animation:loadbar .9s linear infinite;}
@keyframes loadbar{from{background-position:-50% 0;}to{background-position:150% 0;}}
@media (min-width:1101px){
  .inner .ys-side{position:sticky;top:0;height:100vh;align-self:start;overflow-y:auto;scrollbar-width:none;}
  .inner .ys-side::-webkit-scrollbar{display:none;}
  body.has-player.inner .ys-side{height:calc(100vh - 78px);}
}
.inner .ys-main,.inner .ys-foot{margin-left:0;}
.inner .ys-main{padding-left:24px;}
.inner .ys-foot{margin-left:18px;}

/* ---------- Cabecera: acceso, menús desplegables ---------- */
.dd{position:relative;}
.dd-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:40;min-width:200px;padding:6px;border-radius:12px;background:#141417;border:1px solid var(--line);box-shadow:0 24px 50px -14px rgba(0,0,0,.85);display:none;}
.dd.open > .dd-menu{display:block;animation:ddIn .14s ease-out;}
@keyframes ddIn{from{opacity:0;transform:translateY(-4px);}}
.dd-right{left:auto;right:0;}
.dd-menu a,.dd-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 11px;border-radius:8px;font-size:13.5px;color:#e6e6ea;background:none;border:0;cursor:pointer;text-align:left;}
.dd-menu a .ic,.dd-menu button .ic{width:16px;height:16px;color:var(--muted);}
.dd-menu a:hover,.dd-menu button:hover{background:rgba(255,255,255,.06);color:#fff;}
.dd-menu form{margin:0;border-top:1px solid var(--line-2);margin-top:4px;padding-top:4px;}
.dd-h{margin:0 0 4px;padding:8px 11px 10px;border-bottom:1px solid var(--line-2);font-size:13px;}
.dd-h b{display:block;font-size:14.5px;}
.dd-h small{color:var(--muted);}
.ys-more .dd-menu{top:46px;}
.ys-bellw .ys-bell{border:0;background:none;cursor:pointer;}
.ys-bell .dot{position:absolute;top:3px;right:2px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--red);font:700 10px/17px var(--body);font-style:normal;text-align:center;box-shadow:0 0 0 2px var(--bg);}
.notif-menu{width:330px;left:auto;right:-60px;}
.notif-list{max-height:340px;overflow-y:auto;}
.notif-list a{align-items:flex-start;line-height:1.35;}
.notif-list a.new{background:rgba(227,32,45,.08);}
.notif-list small{display:block;color:var(--muted-2);font-size:11.5px;margin-top:2px;}
.notif-list .muted{padding:10px 11px;margin:0;font-size:13px;}
.dd-all{justify-content:center;border-top:1px solid var(--line-2);margin-top:4px;font-weight:600;}
.ys-user{background:none;border:0;cursor:pointer;padding:0;}
.ys-login{display:flex;align-items:center;gap:8px;height:40px;margin-left:22px;padding:0 12px;border-radius:8px;font:600 14px/1 var(--head);letter-spacing:.03em;text-transform:uppercase;}
.ys-login .ic{width:18px;height:18px;}
.ys-login:hover{background:rgba(255,255,255,.06);}
.ys-signup.btn-r{height:38px;padding:0 15px;font-size:11.5px;border-radius:7px;margin-left:4px;}
.ys-join .btn-r{height:34px;width:100%;font-size:10.5px;}
.flash{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;background:rgba(36,160,90,.14);border:1px solid rgba(36,160,90,.4);font-size:14px;animation:ddIn .2s;}
.flash .ic{width:18px;height:18px;color:#4fd08a;}
.flash-err{background:rgba(227,32,45,.12);border-color:rgba(227,32,45,.45);}
.flash-err .ic{color:#ff6b74;}
.home .flash{margin:8px 0 0 24px;}

/* ---------- Botones ---------- */
.b{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:8px;border:1px solid transparent;font:700 13px/1 var(--head);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:filter .15s,background .15s,border-color .15s,transform .1s;color:#fff;background:none;}
.b .ic{width:17px;height:17px;}
.b:active{transform:translateY(1px);}
.b-red{background:linear-gradient(180deg,#ec2533,#c4141f);box-shadow:0 0 0 1px rgba(255,90,100,.3) inset,0 10px 24px -10px var(--red-glow);}
.b-red:hover{filter:brightness(1.12);}
.b-ghost{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.03);}
.b-ghost:hover{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.07);}
.b-ghost.on{border-color:rgba(227,32,45,.6);color:#ff6b74;}
.b-white{background:#fff;color:#0b0b0d;}
.b-white:hover{filter:brightness(.92);}
.b-lg{height:48px;padding:0 24px;font-size:14.5px;}
.b-sm{height:32px;padding:0 10px;font-size:11.5px;border-radius:7px;gap:6px;}
.b-sm .ic{width:14px;height:14px;}
.b-icon{width:40px;padding:0;}
.b-icon svg{width:18px;height:18px;}
.b-block{width:100%;}
.b.danger,.danger{color:#ff6b74;}
.b.danger:hover{border-color:rgba(255,107,116,.6);}
.b[disabled]{opacity:.45;cursor:not-allowed;filter:none;}
.b-ghost.tr-like.on,.b-ghost[data-like].on{color:var(--red);border-color:rgba(227,32,45,.5);}
.b-ghost[data-like].on .ic{fill:var(--red);}
.link-btn{display:inline-flex;align-items:center;gap:6px;margin-top:12px;background:none;border:0;padding:0;color:var(--muted);font-size:12.5px;cursor:pointer;}
.link-btn .ic{width:14px;height:14px;}
.link-btn:hover{color:#fff;}

/* ---------- Encabezado de página ---------- */
.ph{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:250px;padding:54px 32px 28px;border-radius:14px;overflow:hidden;border:1px solid var(--line);
  background:linear-gradient(90deg,rgba(8,8,10,.96) 0%,rgba(8,8,10,.82) 42%,rgba(8,8,10,.35) 100%),linear-gradient(0deg,rgba(8,8,10,.85),transparent 60%),var(--ph-img) center/cover no-repeat #111;}
.ph::after{content:"";position:absolute;left:0;bottom:0;width:180px;height:3px;background:linear-gradient(90deg,var(--red),transparent);}
.ph-sm{min-height:190px;}
/* Sin sesión, «Ingresar» y «Regístrate» ocupan más: el menú superior cede secciones (siguen en «más») */
@media (max-width:1720px){ .ys-top.guest .ys-topnav > a:nth-child(n+9){display:none;} }
@media (max-width:1560px){ .ys-top.guest .ys-topnav > a:nth-child(n+8){display:none;} .ys-top.guest .ys-search{width:220px;} }
@media (max-width:1380px){ .ys-top.guest .ys-topnav > a:nth-child(n+7){display:none;} }
@media (max-width:1200px){ .ys-top.guest .ys-topnav > a:nth-child(n+6){display:none;} }
.ph .bc{position:absolute;top:16px;left:32px;}
.ph-in{position:relative;max-width:760px;}
.ph-k{display:inline-flex;align-items:center;gap:7px;margin-bottom:10px;padding:5px 10px;border-radius:6px;background:rgba(227,32,45,.16);border:1px solid rgba(227,32,45,.35);color:#ff9aa1;font:600 12px/1 var(--head);letter-spacing:.08em;text-transform:uppercase;}
.ph-k .ic{width:14px;height:14px;}
.ph h1,.hm-info h1,.pf-info h1,.art-h h1,.radio-info h1,.vinfo h1,.pdp-info h1,.lesson h1,.soon-box h1{margin:0;font:700 clamp(32px,4.2vw,56px)/.98 var(--head);letter-spacing:.005em;text-transform:uppercase;}
.ph p{margin:12px 0 0;max-width:620px;font-size:15.5px;color:#d6d6dc;line-height:1.55;}
.ph-a,.hm-a{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;}
.ph-st{display:flex;gap:30px;margin:22px 0 0;}
.ph-st div{display:flex;flex-direction:column-reverse;}
.ph-st dt{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;}
.ph-st dd{margin:0;font:700 28px/1 var(--head);}
.bc{display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-size:12.5px;color:var(--muted);z-index:2;}
.bc a:hover{color:#fff;}
.bc [aria-current]{color:#e6e6ea;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.inner .ys-main > .bc{margin:4px 0 -4px;}

/* ---------- Bloques generales ---------- */
.pn > .pn-h a:hover{color:var(--red);}
.cols-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.cols-main{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;align-items:start;}
.col-l,.col-r{display:flex;flex-direction:column;gap:14px;min-width:0;}
.chips{display:flex;flex-wrap:wrap;gap:8px;}
.chip{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 14px;border-radius:17px;border:1px solid var(--line);background:rgba(20,20,23,.85);font-size:13px;font-weight:500;transition:border-color .15s,background .15s;}
.chip .ic{width:15px;height:15px;color:var(--red);}
.chip i{font-style:normal;font-size:11px;color:var(--muted);}
a.chip:hover{border-color:rgba(227,32,45,.55);background:rgba(227,32,45,.1);}
.tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:4px;border-radius:12px;background:rgba(17,17,20,.9);border:1px solid var(--line);}
.tabs::-webkit-scrollbar{display:none;}
.tabs a{flex-shrink:0;padding:9px 15px;border-radius:9px;font:600 13.5px/1 var(--head);letter-spacing:.04em;text-transform:uppercase;color:#cfcfd6;}
.tabs a:hover{color:#fff;background:rgba(255,255,255,.05);}
.tabs a.on{background:linear-gradient(180deg,#ec2533,#c4141f);color:#fff;}
.tabs.inline{border:0;background:none;padding:0;}
.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:44px 20px;}
.empty > .ic{width:46px;height:46px;padding:11px;border-radius:50%;background:rgba(227,32,45,.12);color:var(--red);margin-bottom:6px;}
.empty h3{margin:0;font:700 22px/1.1 var(--head);text-transform:uppercase;}
.empty p{margin:0 0 10px;max-width:460px;color:var(--muted);font-size:14px;}
.home-empty{display:flex;align-items:center;gap:16px;min-height:150px;padding:18px;border-radius:10px;border:1px dashed rgba(255,255,255,.14);background:rgba(255,255,255,.015);}
.home-empty > .ic{width:42px;height:42px;padding:10px;border-radius:50%;background:rgba(227,32,45,.14);color:var(--red);}
.home-empty b{display:block;font:700 17px/1.15 var(--head);text-transform:uppercase;}
.home-empty p{margin:4px 0 0;color:var(--muted);font-size:12.5px;}
.home-empty > div{flex:1;}
.home-empty .btn-r{height:32px;padding:0 12px;font-size:10px;}
.home-empty.col{flex-direction:column;align-items:flex-start;justify-content:center;min-height:208px;}
.home-empty.sm{min-height:168px;gap:10px;}
.notice{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:10px;background:rgba(240,180,40,.08);border:1px solid rgba(240,180,40,.3);font-size:14px;}
.notice > .ic{width:20px;height:20px;color:#f0b428;}
.notice p{margin:0;}
.notice a{color:#ffd56b;text-decoration:underline;}
.notice.ok{background:rgba(36,160,90,.1);border-color:rgba(36,160,90,.35);}
.notice.ok > .ic{color:#4fd08a;}
.notice.in{margin:14px 0 0;}
.cta-band{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 30px;border-radius:14px;border:1px solid rgba(227,32,45,.35);
  background:radial-gradient(500px 200px at 0% 0%,rgba(227,32,45,.28),transparent 70%),linear-gradient(90deg,#16080a,#101013);}
.cta-band h2{margin:0;font:700 28px/1 var(--head);text-transform:uppercase;}
.cta-band p{margin:8px 0 0;color:#d4d4da;max-width:620px;}
.pager{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:18px;}
.pager a,.pager span{display:grid;place-items:center;min-width:38px;height:38px;padding:0 12px;border-radius:8px;border:1px solid var(--line);font-size:13.5px;}
.pager a:hover{border-color:rgba(255,255,255,.35);}
.pager span{background:var(--red);border-color:var(--red);font-weight:700;}
.soc{display:flex;flex-wrap:wrap;gap:8px;}
.soc a{width:30px;height:30px;border-radius:7px;transition:transform .15s;}
.soc a:hover{transform:translateY(-2px);}
.soc svg{width:30px;height:30px;display:block;}
.vf-i{display:inline-grid;place-items:center;width:15px;height:15px;margin-left:5px;border-radius:50%;background:#1d8cf0;vertical-align:-2px;}
.vf-i .ic{width:9px;height:9px;stroke-width:3.6;color:#fff;}
.ex{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:3px;background:#3a3a42;font:700 10px/1 var(--body);font-style:normal;color:#ddd;vertical-align:1px;}
.mod{padding:1px 5px;border-radius:4px;background:var(--red);font:700 9px/1.4 var(--body);font-style:normal;vertical-align:1px;}
.tag{display:inline-block;padding:3px 8px;border-radius:5px;background:rgba(255,255,255,.08);font-size:11.5px;font-weight:600;font-style:normal;white-space:nowrap;}
.tag.ok{background:rgba(36,160,90,.16);color:#5bd894;}
.tag.off{background:rgba(227,32,45,.14);color:#ff7d86;}
.tag.warn{background:rgba(240,180,40,.14);color:#ffcc55;}

/* ---------- Listas de canciones ---------- */
.tlist{list-style:none;margin:0;padding:0;}
.tr{display:grid;grid-template-columns:34px 44px minmax(0,1fr) 130px 76px 46px 34px 34px;align-items:center;gap:12px;padding:7px 8px;border-radius:8px;transition:background .12s;}
.tr:hover,.tr.playing{background:rgba(255,255,255,.045);}
.tr.playing .tr-title{color:#ff4b56;}
.tr-n{position:relative;display:grid;place-items:center;width:34px;height:34px;}
.tr-n b{font:600 15px/1 var(--body);color:var(--muted);}
.tr-play{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;border:0;background:var(--red);color:#fff;cursor:pointer;opacity:0;transition:opacity .12s;}
.tr-n:not(:has(b)) .tr-play{opacity:1;background:rgba(255,255,255,.08);}
.tr:hover .tr-play,.tr.playing .tr-play{opacity:1;background:var(--red);}
.tr-play .ic{width:13px;height:13px;margin-left:2px;}
.tr.playing.is-playing .tr-play .ic{margin-left:0;}
.tr-cv{width:44px;height:44px;border-radius:6px;object-fit:cover;background:#1a1a1e;}
.tr-t{min-width:0;}
.tr-title{display:block;font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tr-title:hover{text-decoration:underline;}
.tr-artist{display:block;font-size:12.5px;color:#9db7e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tr-artist span{color:var(--muted);}
.tr-artist:hover{color:#c9dbff;}
.tr-g{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tr-p{display:flex;align-items:center;gap:5px;font-size:12.5px;color:#cfcfd6;}
.tr-p .ic{width:13px;height:13px;color:var(--muted);}
.tr-d{font-size:12.5px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;}
.tr-like,.tr-add{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:0;background:none;color:#a8a8b0;cursor:pointer;transition:color .12s,background .12s;}
.tr-like .ic,.tr-add .ic{width:17px;height:17px;}
.tr-like:hover,.tr-add:hover{background:rgba(255,255,255,.07);color:#fff;}
.tr-like.on{color:var(--red);}
.tr-like.on .ic{fill:var(--red);}
.tlist.compact .tr{grid-template-columns:34px 40px minmax(0,1fr) 64px 34px;}
.tlist.compact .tr-g,.tlist.compact .tr-d,.tlist.compact .tr-add{display:none;}
.tlist.compact .tr-cv{width:40px;height:40px;}
.tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;}
.song-cv > a{display:block;height:100%;}
.song .play-c{border:0;cursor:pointer;}
.song-t,.song-a{display:block;}
.song-t:hover b{text-decoration:underline;}
.song.playing .play-c,.song:hover .play-c{background:#e3202d;}
.tgrid .play-c{width:38px;height:38px;opacity:0;transform:translateY(6px);transition:opacity .15s,transform .15s,background .15s;}
.tgrid .song:hover .play-c,.tgrid .song.playing .play-c,.tgrid .play-c:focus-visible{opacity:1;transform:none;}
.tgrid .play-c .ic{width:15px;height:15px;}
.tgrid .song-cv{aspect-ratio:1;}
.tops a b:hover{text-decoration:underline;}
.tops .pb{border:0;cursor:pointer;}
.tops li.playing .pb{background:#e3202d;}

/* ---------- Artistas, álbumes, playlists, géneros ---------- */
.agrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:22px 14px;}
.acard{display:block;text-align:center;}
.acard .art-av{max-width:130px;}
.acard b{display:block;margin-top:10px;font:700 17px/1.1 var(--head);}
.acard small{color:var(--muted);font-size:12px;}
.acard:hover b{color:#ff4b56;}
.acard:hover .art-av img{border-color:rgba(227,32,45,.7);}
.algrid,.plgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:18px 14px;}
.alcard,.plcard{display:block;}
.alcard-cv,.plcard-cv{position:relative;display:grid;place-items:center;aspect-ratio:1;border-radius:9px;overflow:hidden;background:#17171b center/cover;border:1px solid var(--line);box-shadow:0 14px 30px -18px #000;}
.alcard-cv img{width:100%;height:100%;object-fit:cover;transition:transform .3s;}
.alcard:hover img{transform:scale(1.04);}
.alcard b,.plcard b{display:block;margin-top:9px;font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.alcard small,.plcard small{display:block;font-size:12.5px;color:var(--muted);}
.plcard.auto .plcard-cv{background:linear-gradient(135deg,rgba(227,32,45,.75),rgba(10,10,12,.55)),var(--pl-img) center/cover;}
.plcard-cv .ic{width:48px;height:48px;padding:13px;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;transition:transform .15s,background .15s;}
.plcard:hover .plcard-cv .ic{transform:scale(1.08);background:var(--red);}
.ggrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;}
.gcard{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:120px;padding:14px;border-radius:12px;overflow:hidden;border:1px solid var(--line);
  background:linear-gradient(135deg,hsla(var(--g-h),75%,45%,.85),rgba(10,10,12,.55) 75%),var(--g-img) center/cover;transition:transform .15s;}
.gcard:hover{transform:translateY(-3px);}
.gcard b{font:700 21px/1 var(--head);text-transform:uppercase;text-shadow:0 2px 10px rgba(0,0,0,.5);}
.gcard small{font-size:12px;color:#eee;}

/* ---------- Cabecera multimedia (canción, álbum, playlist, evento, curso) ---------- */
.hero-media,.profile{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line);isolation:isolate;}
.hero-media::before,.profile::before{content:"";position:absolute;inset:-40px;z-index:-2;background:var(--hm-img,var(--pf-img)) center/cover;filter:blur(38px) saturate(1.3);opacity:.55;}
.hero-media::after,.profile::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,8,10,.35),rgba(8,8,10,.92));}
.hero-media .bc,.profile .bc,.vplayer .bc,.art-h .bc{padding:16px 26px 0;}
.hm-in{display:flex;align-items:flex-end;gap:28px;padding:22px 26px 26px;}
.hm-cv{flex-shrink:0;width:230px;aspect-ratio:1;border-radius:12px;overflow:hidden;box-shadow:0 30px 60px -20px rgba(0,0,0,.9);}
.hm-cv img{width:100%;height:100%;object-fit:cover;}
.hm-info{min-width:0;flex:1;}
.hm-by{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0 0;font-size:15px;font-weight:600;}
.hm-by a{display:inline-flex;align-items:center;gap:8px;}
.hm-by a:hover{text-decoration:underline;}
.hm-by img{width:28px;height:28px;border-radius:50%;object-fit:cover;}
.hm-by span{color:var(--muted);font-weight:500;}
.hm-desc{margin:10px 0 0;color:#d6d6dc;max-width:640px;}
.hm-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin:12px 0 0;font-size:13.5px;color:#d0d0d6;}
.hm-meta span{display:inline-flex;align-items:center;gap:6px;}
.hm-meta .ic{width:15px;height:15px;color:var(--muted);}
.hm-meta a{text-decoration:underline;}
.hm-a .soc{margin-left:4px;}
.course-hero .hm-in{min-height:280px;}
.facts h2{margin:0 0 10px;font:700 18px/1 var(--head);text-transform:uppercase;}
.facts dl{margin:0;}
.facts dl div{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid var(--line-2);font-size:13.5px;}
.facts dl div:last-child{border-bottom:0;}
.facts dt{color:var(--muted);}
.facts dd{margin:0;text-align:right;font-weight:500;}
.facts dd a{color:#9db7e0;}
.copy-f{display:flex;gap:8px;margin-top:12px;}
.copy-f input{flex:1;min-width:0;height:40px;padding:0 11px;border-radius:8px;border:1px solid var(--line);background:#101013;color:#cfcfd6;font:12.5px var(--body);}
.profile .pf-in{display:flex;align-items:flex-end;gap:26px;padding:120px 28px 26px;}
.profile::before{filter:none;opacity:1;inset:0;}
.profile::after{background:linear-gradient(180deg,rgba(8,8,10,.15) 0%,rgba(8,8,10,.6) 45%,rgba(8,8,10,.97) 100%);}
.pf-av{flex-shrink:0;width:170px;max-width:none;}
.pf-av img{border-width:4px!important;}
.pf-av .vf{width:30px;height:30px;}
.pf-av .vf .ic{width:16px;height:16px;}
.pf-info{min-width:0;flex:1;}

/* ---------- Texto largo ---------- */
.prose{font-size:15px;line-height:1.7;color:#dcdce2;}
.prose > :first-child{margin-top:0;}
.prose h2{margin:26px 0 10px;font:700 24px/1.15 var(--head);text-transform:uppercase;color:#fff;}
.prose h3{margin:22px 0 8px;font:700 19px/1.2 var(--head);color:#fff;}
.prose p{margin:0 0 14px;}
.prose ul,.prose ol{margin:0 0 16px;padding-left:22px;}
.prose li{margin-bottom:6px;}
.prose li::marker{color:var(--red);}
.prose a{color:#ff6b74;text-decoration:underline;text-underline-offset:2px;}
.prose strong{color:#fff;}
.prose blockquote{margin:18px 0;padding:12px 18px;border-left:3px solid var(--red);background:rgba(255,255,255,.03);border-radius:0 8px 8px 0;font-style:italic;}
.prose img{border-radius:10px;margin:16px 0;height:auto;}
.prose iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:10px;margin:14px 0;}
.lyrics{white-space:normal;}
.lyrics p{font-size:15.5px;}
.legal h2{font-size:20px;}

/* ---------- Noticias ---------- */
.lead{display:grid;grid-template-columns:1.25fr 1fr;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--panel);}
.lead-img{min-height:320px;background:#16161a center/cover;transition:transform .4s;}
.lead:hover .lead-img{transform:scale(1.02);}
.lead-b{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:30px;}
.lead-b .nw-tag{position:static;align-self:flex-start;background:var(--red);}
.lead-b h2{margin:0;font:700 34px/1.02 var(--head);text-transform:uppercase;}
.lead:hover h2{color:#ff4b56;}
.lead-b p{margin:0;color:#cfcfd6;font-size:15px;}
.lead-b small{color:var(--muted);}
.ngrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.nw-l .nw-img{aspect-ratio:16/9;}
.nw-l .nw-b{padding:12px 14px 14px;}
.nw-l h3{font-size:19px;}
.nw-l p{font-size:13px;}
.nlist{display:flex;flex-direction:column;gap:10px;}
.nw-row{display:grid;grid-template-columns:110px 1fr;}
.nw-row .nw-img{aspect-ratio:auto;height:100%;min-height:74px;}
.nw-row .nw-tag,.nw-row .nw-time,.nw-row p{display:none;}
.nw-row h3{font-size:15px;}
.art{display:flex;flex-direction:column;gap:14px;}
.art-h{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(0deg,rgba(8,8,10,.97) 8%,rgba(8,8,10,.55) 60%,rgba(8,8,10,.35)),var(--ph-img) center/cover #111;}
.art-hin{display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:900px;padding:150px 30px 30px;}
.art-hin .nw-tag{position:static;background:var(--red);padding:5px 9px;font-size:11px;}
.art-h h1{font-size:clamp(30px,3.6vw,50px);}
.art-lead{margin:0;font-size:17px;color:#dcdce2;line-height:1.5;}
.art-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;font-size:13.5px;color:var(--muted);}
.art-meta span{display:inline-flex;align-items:center;gap:6px;}
.art-meta .ic{width:15px;height:15px;}
.art-body{padding:30px 34px;font-size:16.5px;}
.art-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:26px;padding-top:18px;border-top:1px solid var(--line);}
.art-share > span{font:600 13px var(--head);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-right:4px;}
.art-share svg{width:22px;height:22px;border-radius:4px;}
.side-cta p{margin:0 0 12px;color:var(--muted);font-size:13.5px;}
.side-cta .b + .b{margin-top:8px;}

/* ---------- Eventos ---------- */
.filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px;}
.filters select,.filters input,.adm-bar select{height:40px;padding:0 12px;border-radius:9px;border:1px solid var(--line);background:#121215;color:#fff;font:13.5px var(--body);}
.f-search{position:relative;flex:1;min-width:200px;max-width:360px;}
.f-search .ic{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--muted);}
.f-search input{width:100%;height:40px;padding:0 12px 0 36px;border-radius:9px;border:1px solid var(--line);background:#121215;color:#fff;font:13.5px var(--body);}
.egrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;}
.ev-big{position:relative;flex-direction:column;padding:0;overflow:hidden;background:var(--panel);}
.ev-big .ev-img{display:block;aspect-ratio:16/9;background:#18181c center/cover;transition:transform .3s;}
.ev-big:hover .ev-img{transform:scale(1.03);}
.ev-big .ev-d{position:absolute;top:12px;left:12px;width:58px;height:62px;box-shadow:0 10px 20px -6px rgba(0,0,0,.7);}
.ev-big .ev-b{padding:14px 16px 16px;}
.ev-big h3{font:700 19px/1.15 var(--head);text-transform:uppercase;margin-bottom:6px;}
.ev-b h3 a:hover{color:#ff4b56;}
.ev-b p{display:flex;align-items:center;gap:6px;}
.ev-b p .ic{width:12px;height:12px;color:var(--muted);flex-shrink:0;}
.ev-big p{font-size:13px;margin-top:3px;}
.ev-big .ev-f{margin-top:12px;padding-top:10px;}
.ev-big .ev-f .btn-r{height:30px;padding:0 12px;font-size:10px;}
.ev-big .ev-f small{font-size:12px;}
.ev-d.big{width:110px;height:120px;flex-shrink:0;border-radius:12px;box-shadow:0 24px 50px -20px rgba(227,32,45,.7);}
.ev-d.big b{font-size:52px;}
.ev-d.big span{font-size:22px;}
.ev-d.big small{font:600 13px var(--body);opacity:.85;}
.ev-hero .hm-in{align-items:center;}

/* ---------- Videos ---------- */
.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;}
.vcard{display:block;}
.vcard-th{position:relative;display:block;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#151518;border:1px solid var(--line);}
.vcard-th img{width:100%;height:100%;object-fit:cover;transition:transform .3s;}
.vcard:hover img{transform:scale(1.04);}
.vcard-p{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:rgba(227,32,45,.92);box-shadow:0 10px 30px -6px rgba(227,32,45,.7);transition:transform .15s;}
.vcard-p .ic{width:20px;height:20px;margin-left:3px;}
.vcard:hover .vcard-p,.vfeat:hover .vcard-p{transform:translate(-50%,-50%) scale(1.08);}
.vcard-th i{position:absolute;left:8px;bottom:8px;padding:3px 7px;border-radius:4px;background:rgba(0,0,0,.7);font:700 10px/1.3 var(--body);font-style:normal;text-transform:uppercase;letter-spacing:.04em;}
.vcard b{display:block;margin-top:9px;font-size:15px;font-weight:600;line-height:1.3;}
.vcard small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px;}
.vfeat{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:center;padding:14px;border-radius:14px;background:var(--panel);border:1px solid var(--line);}
.vfeat-th{position:relative;display:block;aspect-ratio:16/9;border-radius:10px;overflow:hidden;}
.vfeat-th img{width:100%;height:100%;object-fit:cover;}
.vfeat-th .vcard-p{width:70px;height:70px;}
.vfeat-th .vcard-p .ic{width:26px;height:26px;}
.vfeat h2{margin:0;font:700 34px/1 var(--head);text-transform:uppercase;}
.vfeat p{margin:10px 0 4px;color:#cfcfd6;}
.vfeat small{color:var(--muted);}
.vplayer{border-radius:14px;overflow:hidden;background:var(--panel);border:1px solid var(--line);}
.vplayer .vframe{margin:14px 18px 0;}
.vframe{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#000;}
.vframe iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.vframe-out{display:block;position:absolute;inset:0;}
.vframe-out img{width:100%;height:100%;object-fit:cover;opacity:.6;}
.vframe-out .b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.vinfo{padding:18px 22px 22px;}
.vinfo h1{font-size:clamp(26px,3vw,40px);}
.vlist{display:flex;flex-direction:column;gap:10px;}
.vrow{display:grid;grid-template-columns:120px 1fr;gap:10px;align-items:center;}
.vrow img{width:120px;aspect-ratio:16/9;object-fit:cover;border-radius:7px;}
.vrow b{display:block;font-size:13.5px;line-height:1.3;}
.vrow small{color:var(--muted);font-size:12px;}
.vrow:hover b{color:#ff4b56;}

/* ---------- TV y chat ---------- */
.tv-media{position:absolute!important;inset:0;z-index:1!important;}
.tv-media video,.tv-media iframe{width:100%;height:100%;border:0;object-fit:contain;background:#000;}
.tv.playing{background-image:none!important;background-color:#000;}
.tv.playing::after{opacity:0;transition:opacity .3s;}
.tv.playing:not(.channel) > :not(.tv-media):not(.tv-ctrl):not(.tv-live):not(.tv-viewers){opacity:0;pointer-events:none;transition:opacity .3s;}
.tv.playing.show-ui > *{opacity:1!important;}
.tv.playing .tv-ctrl{opacity:0;transition:opacity .3s;}
.tv.playing:hover .tv-ctrl,.tv.playing.show-ui .tv-ctrl{opacity:1;}
.tv.yt > :not(.tv-media){display:none!important;}
.tv-live.off{background:rgba(10,10,12,.78);border:1px solid rgba(255,255,255,.18);}
.tv-q{color:#fff;}
.tv-sched-it{display:block;}
.tv-sched-it:hover b{color:#ff4b56;}
.tvpage .tv{aspect-ratio:16/9;}
.tvpage .tv-now{bottom:7cqw;}
.tvpage .tv-live,.tvpage .tv-viewers{height:2.6cqw;}
.tvpage .chat{contain:none;margin:0;height:auto;}
@media (min-width:1101px){ .tvpage .chat{max-height:calc((100vw - 300px - 240px) * .5625 + 18px);} }
.chat-h b{font-weight:500;}
.chat-list li.chat-empty{display:block;padding:20px 6px;text-align:center;}
.chat-list li.chat-empty p{white-space:normal;color:var(--muted);}
.chat-list li.new{animation:ddIn .25s;}
.chat-emo{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:28px;height:28px;border:0;background:none;color:#ccc;cursor:pointer;padding:0;}
.chat-emo .ic{width:18px;height:18px;position:static!important;transform:none!important;}
.chat-f.chat-login{justify-content:space-between;margin:8px 10px 10px;padding:0 12px;height:37px;border-radius:10px;border:1px dashed rgba(255,255,255,.2);font-size:12.5px;color:#cfcfd6;}
.chat-f.chat-login:hover{border-color:var(--red);color:#fff;}
.chat-off{margin:8px 12px 12px;font-size:12.5px;color:var(--muted);}
.emo-pop{position:absolute;bottom:52px;right:10px;z-index:5;display:grid;grid-template-columns:repeat(6,1fr);gap:2px;padding:6px;border-radius:10px;background:#18181c;border:1px solid var(--line);box-shadow:0 14px 30px -10px #000;}
.emo-pop button{width:30px;height:30px;border:0;background:none;font-size:18px;cursor:pointer;border-radius:6px;}
.emo-pop button:hover{background:rgba(255,255,255,.08);}
.sched{list-style:none;margin:0;padding:0;}
.sched li{display:grid;grid-template-columns:58px 96px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 6px;border-bottom:1px solid var(--line-2);}
.sched li:last-child{border-bottom:0;}
.sched time{font:700 18px/1 var(--head);}
.sched img{width:96px;aspect-ratio:16/9;object-fit:cover;border-radius:6px;}
.sched b{display:block;font-size:14.5px;}
.sched small{color:var(--muted);font-size:12.5px;}
.sched li > span{font-size:12px;color:var(--muted);white-space:nowrap;}
.sched li.now{background:rgba(227,32,45,.08);border-radius:8px;}
.sched li.now > span{color:#ff6b74;font-weight:600;}
.live-dot{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:var(--red);box-shadow:0 0 0 0 rgba(227,32,45,.6);animation:pulse 1.6s infinite;}
@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(227,32,45,0);}100%{box-shadow:0 0 0 0 rgba(227,32,45,0);}}

/* ---------- Radio ---------- */
.radio{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(90deg,rgba(8,8,10,.96) 35%,rgba(8,8,10,.6)),var(--ph-img) center/cover;}
.radio .bc{padding:16px 28px 0;}
.radio-in{display:flex;align-items:center;gap:40px;padding:26px 36px 36px;}
.radio-disc{position:relative;flex-shrink:0;width:240px;height:240px;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle,#111 0 28%,#1b1b1f 29% 30%,#0d0d0f 31% 100%);box-shadow:0 0 0 6px rgba(227,32,45,.35),0 30px 60px -20px rgba(227,32,45,.55);}
.radio-disc img{width:150px;height:150px;border-radius:50%;object-fit:contain;background:#0b0b0d;padding:16px;}
body.radio-on .radio-disc img{animation:spin 8s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}
.eq{position:absolute;bottom:-14px;display:flex;gap:4px;align-items:flex-end;height:26px;}
.eq i{width:5px;height:30%;border-radius:2px;background:var(--red);}
body.radio-on .eq i{animation:eq .9s ease-in-out infinite alternate;}
.eq i:nth-child(2){animation-delay:-.3s!important;}
.eq i:nth-child(3){animation-delay:-.6s!important;}
.eq i:nth-child(4){animation-delay:-.15s!important;}
.eq i:nth-child(5){animation-delay:-.45s!important;}
@keyframes eq{from{height:20%;}to{height:100%;}}
.radio-info p{margin:12px 0 0;max-width:560px;color:#d4d4da;font-size:15.5px;}
.radio-info .muted{display:flex;align-items:center;gap:6px;margin-top:14px;font-size:13px;}
.radio-info .muted .ic{width:15px;height:15px;}

/* ---------- Comunidad ---------- */
.composer{display:flex;gap:12px;}
.composer > img{width:44px;height:44px;border-radius:50%;object-fit:cover;}
.composer > div{flex:1;}
.composer textarea{width:100%;min-height:70px;padding:11px 13px;border-radius:10px;border:1px solid var(--line);background:#111114;color:#fff;font:14px/1.5 var(--body);resize:vertical;}
.composer-f{display:flex;justify-content:space-between;gap:10px;margin-top:8px;}
.composer.guest{align-items:center;}
.composer.guest > .ic{width:36px;height:36px;padding:8px;border-radius:50%;background:rgba(227,32,45,.12);color:var(--red);}
.composer.guest p{margin:0;}
.composer.guest a{color:#ff6b74;text-decoration:underline;}
.post header{display:flex;align-items:center;gap:11px;margin-bottom:10px;}
.post header img{width:42px;height:42px;border-radius:50%;object-fit:cover;}
.post header > div{flex:1;min-width:0;}
.post header small{display:block;color:var(--muted);font-size:12px;}
.post-del{display:grid;place-items:center;width:32px;height:32px;margin:0;border:0;border-radius:50%;background:none;color:var(--muted);cursor:pointer;}
.post-del button{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;background:none;color:var(--muted);cursor:pointer;}
.post-del .ic{width:16px;height:16px;}
.post-del:hover,.post-del button:hover{color:#ff6b74;}
.post-b p{margin:0 0 8px;font-size:14.5px;line-height:1.55;white-space:pre-line;}
.post-img{width:100%;max-height:560px;object-fit:contain;border-radius:10px;background:#0c0c0e;margin-top:6px;}
.post footer{display:flex;gap:6px;margin-top:10px;padding-top:8px;border-top:1px solid var(--line-2);}
.post-act{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px;border-radius:8px;border:0;background:none;color:var(--muted);font-size:13px;cursor:pointer;}
.post-act .ic{width:17px;height:17px;}
button.post-act:hover{background:rgba(255,255,255,.05);color:#fff;}
.post-act.on{color:var(--red);}
.post-act.on .ic{fill:var(--red);}
.cmts{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;}
.cmts li{display:flex;gap:9px;}
.cmts img{width:30px;height:30px;border-radius:50%;object-fit:cover;}
.cmts li > div{padding:7px 11px;border-radius:10px;background:rgba(255,255,255,.04);font-size:13px;}
.cmts small{color:var(--muted-2);font-size:11px;}
.cmts p{margin:2px 0 0;}
.cmt-f{display:flex;gap:8px;margin-top:10px;}
.cmt-f input{flex:1;height:38px;padding:0 12px;border-radius:19px;border:1px solid var(--line);background:#111114;color:#fff;font:13px var(--body);}
.cmt-f button{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:rgba(227,32,45,.15);color:#ff6b74;cursor:pointer;}
.cmt-f button .ic{width:16px;height:16px;}

/* ---------- Tienda ---------- */
.prgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;}
.pcard{display:block;padding:10px;border-radius:12px;background:var(--panel);border:1px solid var(--line);transition:border-color .15s,transform .15s;}
.pcard:hover{border-color:rgba(227,32,45,.5);transform:translateY(-2px);}
.pcard-cv{position:relative;display:block;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#17171b;}
.pcard-cv img{width:100%;height:100%;object-fit:cover;}
.pcard-cv i{position:absolute;top:8px;left:8px;padding:3px 8px;border-radius:5px;background:#000;font:700 11px/1.3 var(--body);font-style:normal;}
.pcard small{display:block;margin-top:10px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;}
.pcard b{display:block;margin-top:3px;font-size:15px;font-weight:600;}
.pcard-pr{display:block;margin-top:6px;font:700 19px/1 var(--head);color:#ff6b74;}
.pdp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;padding:20px;}
.pdp-img img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;}
.pdp-price{margin:14px 0 6px;font:700 34px/1 var(--head);color:#ff6b74;}
.pdp-price small{font-size:14px;color:var(--muted);}
.pdp-stock{display:flex;align-items:center;gap:6px;margin:0 0 16px;font-size:13.5px;font-weight:600;}
.pdp-stock .ic{width:16px;height:16px;}
.pdp-stock.ok{color:#5bd894;}
.pdp-stock.no{color:#ff7d86;}
.pdp .muted{display:flex;align-items:center;gap:6px;margin-top:16px;}
.pdp .muted .ic{width:15px;height:15px;}

/* ---------- Aula Virtual ---------- */
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;}
.ccard{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;background:var(--panel);border:1px solid var(--line);transition:border-color .15s,transform .15s;}
.ccard:hover{border-color:rgba(227,32,45,.5);transform:translateY(-2px);}
.ccard-cv{position:relative;display:block;aspect-ratio:16/8;background:#16161a center/cover;}
.ccard-cv i{position:absolute;top:10px;left:10px;padding:4px 9px;border-radius:5px;background:rgba(0,0,0,.75);font:700 11px/1.2 var(--body);font-style:normal;text-transform:uppercase;letter-spacing:.05em;}
.ccard > div{padding:14px 16px 16px;}
.ccard b{display:block;font:700 21px/1.1 var(--head);text-transform:uppercase;}
.ccard p{margin:8px 0 10px;color:#cfcfd6;font-size:13.5px;}
.ccard small{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12.5px;}
.ccard small .ic{width:14px;height:14px;}
.enrolled{display:inline-flex;align-items:center;gap:5px;margin-top:8px;color:#5bd894;font-size:12.5px;font-style:normal;font-weight:600;}
.enrolled .ic{width:14px;height:14px;}
.progress{position:relative;height:24px;margin-top:16px;border-radius:12px;background:rgba(255,255,255,.07);overflow:hidden;max-width:420px;}
.progress i{position:absolute;left:0;top:0;bottom:0;border-radius:12px;background:linear-gradient(90deg,#c4141f,#ec2533);transition:width .3s;}
.progress span{position:relative;display:block;padding:0 12px;font:600 11.5px/24px var(--body);}
.lessons{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;}
.lessons a{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:10px 12px;border-radius:9px;background:rgba(255,255,255,.025);border:1px solid var(--line-2);}
.lessons a:hover{border-color:rgba(227,32,45,.45);}
.ln{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.07);font:700 13px/1 var(--body);}
.ln .ic{width:15px;height:15px;}
.lessons li.done .ln{background:rgba(36,160,90,.2);color:#5bd894;}
.lessons li.on a{border-color:var(--red);background:rgba(227,32,45,.08);}
.lessons b{font-size:14px;font-weight:600;}
.lessons small{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:12px;}
.lessons small .ic{width:13px;height:13px;}
.lessons.sm a{grid-template-columns:28px 1fr;padding:8px 10px;}
.lessons.sm .ln{width:26px;height:26px;font-size:12px;}
.lessons.sm b{font-size:13px;}
.lesson-wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;align-items:start;}
.lesson{padding:26px 30px;}
.lesson h1{font-size:clamp(28px,3vw,42px);margin-bottom:18px;}
.lesson .vframe{margin-bottom:20px;}
.lesson .prose{font-size:16px;}
.lesson-nav{display:flex;justify-content:space-between;gap:10px;margin-top:26px;padding-top:18px;border-top:1px solid var(--line);}
.lesson-toc{position:sticky;top:12px;}
.lesson-back{display:flex;align-items:center;gap:8px;margin-bottom:12px;font:700 15px/1.2 var(--head);text-transform:uppercase;}
.lesson-back .ic{width:14px;height:14px;color:var(--red);}

/* ---------- Pasos, regalías ---------- */
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.step{position:relative;padding:22px 20px;border-radius:12px;background:var(--panel);border:1px solid var(--line);}
.step > span{position:absolute;top:14px;right:16px;font:700 44px/1 var(--head);color:rgba(255,255,255,.06);}
.step > .ic{width:42px;height:42px;padding:10px;border-radius:10px;background:rgba(227,32,45,.14);color:var(--red);}
.step h2{margin:14px 0 6px;font:700 21px/1 var(--head);text-transform:uppercase;}
.step p{margin:0;color:#cfcfd6;font-size:13.5px;}
.rate{margin:6px 0 10px;font:700 40px/1 var(--head);color:#ff6b74;}
.rate small{display:block;margin-top:6px;font:500 13px/1.3 var(--body);color:var(--muted);}
.rate.off{color:#fff;}

/* ---------- Búsqueda ---------- */
.search-h h1{margin:0 0 14px;font:700 30px/1 var(--head);text-transform:uppercase;}
.search-big{position:relative;display:flex;gap:10px;max-width:700px;}
.search-big > .ic{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--muted);}
.search-big input{flex:1;min-width:0;height:50px;padding:0 16px 0 46px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#111114;color:#fff;font:15px var(--body);}
.search-big input:focus{outline:none;border-color:rgba(227,32,45,.6);}
.search-big .b{height:50px;}
.search-h .muted{margin:10px 0 0;}
.soon-box .search-big{width:100%;max-width:560px;}

/* ---------- Formularios ---------- */
.form h2{margin-top:0;}
.fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;}
.f{display:flex;flex-direction:column;gap:6px;min-width:0;}
.f.full,.chk.full{grid-column:1/-1;}
.f > span:first-child{font-size:13px;font-weight:600;color:#dcdce2;}
.f > span em{font-style:normal;color:var(--muted);font-weight:400;}
.f input:not([type=checkbox]):not([type=file]),.f select,.f textarea,.pay-f input{width:100%;height:44px;padding:0 13px;border-radius:9px;border:1px solid rgba(255,255,255,.13);background:#101013;color:#fff;font:14px var(--body);transition:border-color .15s;}
.f textarea{height:auto;padding:11px 13px;line-height:1.5;resize:vertical;}
.f textarea.code{font:13px/1.55 ui-monospace,Consolas,monospace;}
.f input:focus,.f select,.f textarea:focus{outline:none;}
.f input:focus,.f select:focus,.f textarea:focus{border-color:rgba(227,32,45,.65);box-shadow:0 0 0 3px rgba(227,32,45,.15);}
.f input:disabled{opacity:.6;}
.f input[type=file]{font-size:13px;color:var(--muted);}
.f-err{color:#ff7d86;font-size:12.5px;}
.f-hint{color:var(--muted);font-size:12px;}
.f-hint a{color:#ff6b74;}
.f-alert,.f-ok{display:flex;align-items:center;gap:8px;margin:0 0 14px;padding:11px 14px;border-radius:9px;font-size:13.5px;}
.f-alert{background:rgba(227,32,45,.12);border:1px solid rgba(227,32,45,.4);}
.f-ok{background:rgba(36,160,90,.12);border:1px solid rgba(36,160,90,.4);}
.f-alert .ic,.f-ok .ic{width:17px;height:17px;flex-shrink:0;}
.f-help{margin:-4px 0 0;text-align:right;font-size:13px;}
.f-help a,.auth-alt a{color:#ff6b74;}
.f-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;}
.chk{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.45;cursor:pointer;}
.chk input{flex-shrink:0;width:18px;height:18px;margin-top:1px;accent-color:var(--red);}
.chk a{color:#ff6b74;text-decoration:underline;}
.chk.sm{font-size:12.5px;gap:6px;}
.chk.sm input{width:15px;height:15px;}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden;}
.pw{position:relative;display:block;}
.pw button{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:7px;background:none;color:var(--muted);cursor:pointer;}
.pw button .ic{width:18px;height:18px;}
.inline-form{display:flex;flex-wrap:wrap;align-items:center;gap:12px;}
.inline-form .f{flex:1;min-width:220px;}

/* ---------- Ingreso y registro ---------- */
.auth{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:14px;align-items:stretch;}
.auth.narrow{grid-template-columns:minmax(0,480px);justify-content:center;padding:20px 0;}
.auth-art{display:flex;flex-direction:column;justify-content:flex-end;padding:34px;border-radius:14px;border:1px solid var(--line);min-height:520px;
  background:linear-gradient(0deg,rgba(8,8,10,.96) 15%,rgba(8,8,10,.4) 70%,rgba(8,8,10,.2)),var(--ph-img) center/cover;}
.auth-art .ph-k{align-self:flex-start;}
.auth-art h1{margin:0 0 18px;font:700 clamp(32px,3.6vw,52px)/.98 var(--head);text-transform:uppercase;}
.ticks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.ticks li{display:flex;align-items:center;gap:10px;font-size:15px;}
.ticks .ic{width:22px;height:22px;padding:4px;border-radius:50%;background:var(--red);stroke-width:3;}
.auth-f{display:flex;flex-direction:column;gap:14px;padding:28px;}
.auth-f h2,.auth-f .h2{margin:4px 0 2px;font:700 28px/1 var(--head);text-transform:uppercase;}
.auth-alt{margin:2px 0 0;text-align:center;font-size:13.5px;color:var(--muted);}
.seg{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:11px;background:#0e0e11;border:1px solid var(--line);}
.seg a{display:flex;align-items:center;justify-content:center;gap:8px;height:40px;border-radius:8px;font:600 13.5px/1 var(--head);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);}
.seg a .ic{width:16px;height:16px;}
.seg a.on{background:linear-gradient(180deg,#ec2533,#c4141f);color:#fff;}

/* ---------- Panel del usuario ---------- */
.panel-h{display:flex;align-items:center;gap:16px;padding:18px 22px;border-radius:14px;border:1px solid var(--line);background:radial-gradient(600px 160px at 0% 0%,rgba(227,32,45,.2),transparent 70%),var(--panel);}
.panel-h > img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.2);}
.panel-h > div{flex:1;min-width:0;}
.panel-h .ph-k{margin-bottom:6px;}
.panel-h h1{margin:0;font:700 30px/1 var(--head);text-transform:uppercase;}
.panel-h p{margin:4px 0 0;font-size:13px;}
.panel-h p a{display:inline-flex;align-items:center;gap:4px;color:#ff6b74;}
.panel-h p .ic{width:12px;height:12px;}
.ptabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:thin;padding:4px;border-radius:12px;background:rgba(17,17,20,.9);border:1px solid var(--line);}
.ptabs a{display:flex;align-items:center;gap:7px;flex-shrink:0;padding:10px 13px;border-radius:9px;font:600 13px/1 var(--head);letter-spacing:.04em;text-transform:uppercase;color:#cfcfd6;}
.ptabs a .ic{width:15px;height:15px;}
.ptabs a:hover{background:rgba(255,255,255,.05);color:#fff;}
.ptabs a.on{background:linear-gradient(180deg,#ec2533,#c4141f);color:#fff;}
.ptabs .cnt{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#fff;color:#c4141f;font:700 10.5px/18px var(--body);font-style:normal;text-align:center;}
.panel-body{display:flex;flex-direction:column;gap:14px;}
.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;}
.kpi{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:12px;background:var(--panel);border:1px solid var(--line);}
.kpi > .ic{width:34px;height:34px;padding:8px;border-radius:9px;background:rgba(255,255,255,.06);margin-bottom:6px;}
.kpi b{font:700 28px/1 var(--head);}
.kpi span{color:var(--muted);font-size:12.5px;}
.kpi.red{border-color:rgba(227,32,45,.45);background:radial-gradient(240px 120px at 100% 0%,rgba(227,32,45,.25),transparent 70%),var(--panel);}
.kpi.red > .ic{background:rgba(227,32,45,.2);color:#ff6b74;}
a.kpi:hover{border-color:rgba(255,255,255,.25);}
.bars{display:flex;align-items:flex-end;gap:3px;height:160px;padding:10px 0;}
.bars span{flex:1;height:100%;display:flex;align-items:flex-end;}
.bars i{display:block;width:100%;height:max(var(--h),2px);border-radius:3px 3px 0 0;background:linear-gradient(180deg,#ec2533,#8d0f17);transition:filter .15s;}
.bars span:hover i{filter:brightness(1.3);}
.bars-x{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted);}
.tbl-wrap{overflow-x:auto;}
.tbl{width:100%;border-collapse:collapse;font-size:13.5px;}
.tbl th{padding:9px 10px;text-align:left;font:600 11.5px/1.2 var(--body);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line);white-space:nowrap;}
.tbl td{padding:10px;border-bottom:1px solid var(--line-2);vertical-align:middle;}
.tbl tr:last-child td{border-bottom:0;}
.tbl tbody tr:hover{background:rgba(255,255,255,.02);}
.tbl a b:hover,.tbl td > a:hover{color:#ff6b74;}
.tbl select{height:32px;padding:0 8px;border-radius:7px;border:1px solid var(--line);background:#121215;color:#fff;font:12.5px var(--body);}
.acts{display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
.acts form{display:flex;gap:6px;margin:0;}
td.acts{display:table-cell;}
td.acts > *{display:inline-flex;vertical-align:middle;margin:2px;}
.mt-t{display:flex;align-items:center;gap:10px;min-width:220px;}
.mt-t img{width:40px;height:40px;border-radius:6px;object-fit:cover;}
.mt-t small{display:block;color:var(--muted);font-size:12px;}
.mini-list{list-style:none;margin:0;padding:0;}
.mini-list li{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line-2);font-size:13.5px;}
.mini-list li:last-child{border-bottom:0;}
.mini-list img{width:32px;height:32px;border-radius:50%;object-fit:cover;}
.mini-list span{flex:1;min-width:0;}
.mini-list small{display:block;color:var(--muted);font-size:12px;}
.mini-list a:hover{color:#ff6b74;}
.mini-list > li > a .ic{width:15px;height:15px;color:var(--muted);}
.up-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start;}
.up-grid.sm{grid-template-columns:180px minmax(0,1fr);}
.up-media{display:flex;flex-direction:column;gap:14px;}
.drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:150px;padding:18px;border-radius:12px;border:2px dashed rgba(255,255,255,.18);background:rgba(255,255,255,.02);text-align:center;cursor:pointer;transition:border-color .15s,background .15s;}
.drop:hover,.drop.over{border-color:var(--red);background:rgba(227,32,45,.06);}
.drop.ok{border-style:solid;border-color:rgba(36,160,90,.6);}
.drop input{position:absolute;inset:0;opacity:0;cursor:pointer;}
.drop > .ic{width:32px;height:32px;color:var(--red);}
.drop b{font-size:14px;word-break:break-word;}
.drop small{color:var(--muted);font-size:12px;}
.cover-pick{position:relative;display:block;aspect-ratio:1;border-radius:12px;overflow:hidden;cursor:pointer;background:#141417;border:1px solid var(--line);}
.cover-pick img{width:100%;height:100%;object-fit:cover;}
.cover-pick em,.pf-edit em{position:absolute;left:8px;right:8px;bottom:8px;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border-radius:8px;background:rgba(0,0,0,.72);font-size:12px;font-style:normal;}
.cover-pick em .ic,.pf-edit em .ic{width:15px;height:15px;}
.cover-pick:hover em{background:var(--red);}
.up-progress{margin-top:16px;}
.up-progress .progress{max-width:none;}
.pf-edit{position:relative;height:210px;margin-bottom:70px;border-radius:12px;background:var(--pf-img) center/cover #141417;}
.pf-edit-cv{position:absolute;inset:0;cursor:pointer;border-radius:12px;overflow:hidden;}
.pf-edit-cv span{position:absolute;inset:0;background-size:cover;background-position:center;}
.pf-edit-cv em{left:auto;right:12px;top:12px;bottom:auto;}
.pf-edit-av{position:absolute;left:24px;bottom:-56px;width:130px;height:130px;cursor:pointer;}
.pf-edit-av img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid #0b0b0d;}
.pf-edit-av em{left:auto;right:4px;bottom:4px;width:38px;height:38px;padding:0;border-radius:50%;background:var(--red);}
.sortable{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;}
.sortable li{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:9px;background:rgba(255,255,255,.03);border:1px solid var(--line-2);}
.sortable li > span:not(.grip){flex:1;min-width:0;}
.sortable b{display:block;font-size:13.5px;}
.sortable small{color:var(--muted);font-size:12px;}
.sortable img{width:36px;height:36px;border-radius:5px;object-fit:cover;}
.grip{color:var(--muted-2);letter-spacing:-2px;}
.mycourses{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;}
.mycourses a{display:grid;grid-template-columns:130px 1fr;gap:14px;align-items:center;padding:10px;border-radius:12px;border:1px solid var(--line);}
.mycourses a:hover{border-color:rgba(227,32,45,.5);}
.mycourses .ccard-cv{border-radius:8px;aspect-ratio:16/10;}
.mycourses b{display:block;font:700 17px/1.1 var(--head);text-transform:uppercase;}
.mycourses small{color:var(--muted);font-size:12px;}
.mycourses .progress{height:18px;margin-top:8px;}
.mycourses .progress span{line-height:18px;font-size:10.5px;}
.become{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:40px 24px;}
.become > .ic{width:60px;height:60px;padding:14px;border-radius:50%;background:rgba(227,32,45,.15);color:var(--red);}
.become h2{margin:0;font:700 32px/1 var(--head);text-transform:uppercase;}
.become .ticks{text-align:left;}
.become form{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:8px;max-width:520px;}
.danger-zone{border-color:rgba(227,32,45,.3);}

/* ---------- Administración ---------- */
.adm-badge{display:grid;place-items:center;width:56px;height:56px;border-radius:14px;background:linear-gradient(180deg,#ec2533,#8d0f17);}
.adm-badge .ic{width:28px;height:28px;}
.adm-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;}
.adm-bar .b{margin-left:auto;}
.img-f{display:flex;flex-wrap:wrap;align-items:center;gap:12px;}
.img-f img{height:90px;width:auto;border-radius:8px;border:1px solid var(--line);}
.todo{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;}
.todo a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;background:rgba(255,255,255,.03);border:1px solid var(--line-2);font-size:13.5px;}
.todo a span{flex:1;}
.todo a .ic{width:16px;height:16px;color:var(--red);}
.todo a:hover{border-color:rgba(227,32,45,.5);}
.quick{display:flex;flex-wrap:wrap;gap:8px;}
.mod-list{list-style:none;margin:0;padding:0;max-height:520px;overflow-y:auto;}
.mod-list li{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line-2);font-size:13px;}
.mod-list p{margin:3px 0 0;color:#d6d6dc;}
.mod-list small{color:var(--muted);}
.msgs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.msgs li{padding:14px 16px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.015);}
.msgs li.new{border-color:rgba(227,32,45,.5);background:rgba(227,32,45,.05);}
.msg-h{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:13.5px;}
.msg-h a{color:#9db7e0;}
.msg-h small{margin-left:auto;color:var(--muted);}
.msg-b{margin:10px 0;font-size:14px;color:#dcdce2;}
.msg-b p{margin:0 0 8px;}
.pay-f{display:flex;flex-wrap:wrap;gap:6px;}
.pay-f input{height:32px!important;width:170px!important;font-size:12.5px!important;}
.sticky-actions{position:sticky;bottom:12px;z-index:5;padding:12px;border-radius:12px;background:rgba(14,14,17,.92);border:1px solid var(--line);backdrop-filter:blur(8px);}
body.has-player .sticky-actions{bottom:90px;}
.side-nav{display:flex;flex-direction:column;gap:2px;}
.side-nav a{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:8px;font-size:13.5px;color:#d0d0d6;}
.side-nav a .ic{width:15px;height:15px;color:var(--muted);}
.side-nav a:hover{background:rgba(255,255,255,.05);}
.side-nav a.on{background:rgba(227,32,45,.12);color:#fff;}
.side-nav a.on .ic{color:var(--red);}
.contact-ch{display:flex;flex-direction:column;gap:10px;}
.contact-ch > a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;border:1px solid var(--line);}
.contact-ch > a:hover{border-color:rgba(227,32,45,.5);}
.contact-ch > a > .ic{width:36px;height:36px;padding:8px;border-radius:9px;background:rgba(227,32,45,.14);color:#ff6b74;}
.contact-ch b{display:block;font-size:12px;color:var(--muted);font-weight:500;}
.contact-ch span{font-size:14px;word-break:break-all;}
.nlist-full{list-style:none;margin:0;padding:0;}
.nlist-full a{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:12px;padding:12px 8px;border-bottom:1px solid var(--line-2);font-size:14px;}
.nlist-full li.new a{background:rgba(227,32,45,.06);}
.nlist-full .ic{width:16px;height:16px;color:var(--muted);}
.nlist-full small{color:var(--muted);font-size:12px;white-space:nowrap;}

/* ---------- Pie ---------- */
.ys-foot{display:block;margin-top:26px;padding:26px 6px 0;}
.ft-cols{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:28px;}
.ft-brand img{width:150px;height:auto;margin-bottom:10px;}
.ft-brand p{margin:0 0 14px;font-size:13px;line-height:1.55;color:var(--muted);max-width:320px;}
.ft-cols nav{display:flex;flex-direction:column;gap:9px;}
.ft-cols nav b{margin-bottom:4px;font:700 14px/1 var(--head);letter-spacing:.06em;text-transform:uppercase;color:#fff;}
.ft-cols nav a{font-size:13px;color:var(--muted);}
.ft-cols nav a:hover{color:#fff;}
.ft-bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;margin-top:26px;padding:16px 0 4px;border-top:1px solid var(--line-2);font-size:12px;color:var(--muted-2);}

/* ---------- Reproductor global ---------- */
body.has-player{padding-bottom:78px;}
#ysPlayer{position:fixed;left:0;right:0;bottom:0;z-index:55;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:16px;height:78px;padding:0 18px;
  background:rgba(12,12,14,.97);border-top:1px solid var(--line);box-shadow:0 -20px 40px -20px rgba(0,0,0,.9);backdrop-filter:blur(12px);}
#ysPlayer[hidden]{display:none;}
.pl-tr{display:flex;align-items:center;gap:12px;min-width:0;}
.pl-tr img{width:52px;height:52px;border-radius:7px;object-fit:cover;flex-shrink:0;}
.pl-meta{min-width:0;}
.pl-meta a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#plT{font-size:14px;font-weight:600;}
#plA{font-size:12.5px;color:#9db7e0;}
.pl-meta a:hover{text-decoration:underline;}
:where(#ysPlayer) button{display:grid;place-items:center;border:0;background:none;color:#d6d6dc;cursor:pointer;padding:0;border-radius:50%;}
:where(#ysPlayer) button:hover{color:#fff;}
.pl-like{width:34px;height:34px;flex-shrink:0;}
.pl-like .ic{width:18px;height:18px;}
.pl-like.on{color:var(--red)!important;}
.pl-like.on .ic{fill:var(--red);}
.pl-c{display:flex;flex-direction:column;align-items:center;gap:4px;}
.pl-b{display:flex;align-items:center;gap:16px;}
.pl-b button{width:34px;height:34px;}
.pl-b button .ic{width:19px;height:19px;}
.pl-b .pl-pp{width:42px;height:42px;background:#fff;color:#0b0b0d;}
.pl-b .pl-pp:hover{transform:scale(1.05);color:#0b0b0d;}
.pl-b .pl-pp .ic{width:17px;height:17px;}
.pl-sm .ic{width:16px!important;height:16px!important;}
.pl-sm[aria-pressed=true]{color:var(--red);}
.pl-live[hidden]{display:none!important;}
.pl-live{display:inline-flex;align-items:center;gap:6px;font:700 11px/1 var(--body);color:#ff6b74;letter-spacing:.06em;}
.pl-live i{width:8px;height:8px;border-radius:50%;background:var(--red);animation:pulse 1.6s infinite;}
.pl-sk{display:flex;align-items:center;gap:10px;width:100%;max-width:560px;font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums;}
#ysPlayer input[type=range]{-webkit-appearance:none;appearance:none;flex:1;height:4px;border-radius:2px;background:linear-gradient(90deg,#fff var(--p,0%),rgba(255,255,255,.18) var(--p,0%));cursor:pointer;}
#ysPlayer input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;}
#ysPlayer input[type=range]::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff;}
#ysPlayer input[type=range]:hover{background:linear-gradient(90deg,var(--red) var(--p,0%),rgba(255,255,255,.18) var(--p,0%));}
#ysPlayer.live .pl-sk{visibility:hidden;}
#ysPlayer.live #plPrev,#ysPlayer.live #plNext,#ysPlayer.live #plShuffle,#ysPlayer.live .pl-like{visibility:hidden;}
.pl-x{display:flex;align-items:center;justify-content:flex-end;gap:10px;}
.pl-x button{width:32px;height:32px;}
.pl-x button .ic{width:18px;height:18px;}
#plVol{flex:0 1 110px;}
#ysPlayer.loading .pl-pp{animation:pulse 1s infinite;}

/* ---------- Ventana modal ---------- */
.modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px;background:rgba(0,0,0,.65);backdrop-filter:blur(4px);}
.modal[hidden]{display:none;}
.modal-box{position:relative;width:100%;max-width:420px;max-height:86vh;overflow-y:auto;padding:22px;border-radius:14px;background:#141417;border:1px solid var(--line);box-shadow:0 40px 80px -20px #000;animation:ddIn .18s;}
.modal-x{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;background:rgba(255,255,255,.06);color:#fff;cursor:pointer;}
.modal-x .ic{width:16px;height:16px;}
.modal-box h2{margin:0 0 14px;font:700 22px/1 var(--head);text-transform:uppercase;}
.modal-box p{color:var(--muted);font-size:13.5px;}
.pl-pick{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:6px;}
.pl-pick button{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border-radius:9px;border:1px solid var(--line);background:rgba(255,255,255,.02);color:#fff;font:14px var(--body);text-align:left;cursor:pointer;}
.pl-pick button:hover{border-color:rgba(227,32,45,.5);}
.pl-pick button small{margin-left:auto;color:var(--muted);}
.pl-pick button.has{border-color:rgba(36,160,90,.5);}
.pl-pick .ic{width:16px;height:16px;}
.modal-box form{display:flex;flex-direction:column;gap:10px;}
.modal-box input,.modal-box select,.modal-box textarea{width:100%;padding:10px 12px;border-radius:9px;border:1px solid var(--line);background:#0f0f12;color:#fff;font:14px var(--body);}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width:1280px){
  .cols-main{grid-template-columns:minmax(0,1fr) 300px;}
  .ft-cols{grid-template-columns:1.4fr repeat(2,1fr);}
  .ft-brand{grid-row:span 2;}
  .tr{grid-template-columns:34px 44px minmax(0,1fr) 76px 46px 34px 34px;}
  .tr-g{display:none;}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:1100px){
  .inner .ys-main{padding-left:0;}
  .inner .ys-foot{margin-left:0;}
  .ys-login{margin-left:6px;}
  .cols-main,.lesson-wrap{grid-template-columns:1fr;}
  .lesson-toc{position:static;}
  .ngrid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .lead{grid-template-columns:1fr;}
  .lead-img{min-height:240px;}
  .auth{grid-template-columns:1fr;}
  .auth-art{min-height:300px;}
  .vfeat{grid-template-columns:1fr;}
  #ysPlayer{grid-template-columns:minmax(0,1fr) auto;}
  .pl-sk,.pl-x #plVol,.pl-x #plMute,#plShuffle,#plPrev{display:none;}
  .pl-c{flex-direction:row;}
  #ysPlayer::before{content:"";position:absolute;left:0;top:0;height:2px;width:var(--plp,0%);background:var(--red);}
  .pl-x{gap:4px;}
  .notif-menu{right:-90px;}
}
@media (max-width:760px){
  .inner .ys-main{gap:12px;}
  .ph{min-height:0;padding:56px 18px 22px;border-radius:12px;}
  .ph .bc{left:18px;top:14px;}
  .ph p{font-size:14px;}
  .ph-st{gap:20px;}
  .ph-st dd{font-size:22px;}
  .cols-2,.fgrid,.ngrid,.steps,.pdp{grid-template-columns:1fr;}
  .hm-in,.profile .pf-in{flex-direction:column;align-items:flex-start;gap:16px;padding:16px 18px 20px;}
  .profile .pf-in{padding-top:90px;}
  .hm-cv{width:min(240px,70vw);}
  .pf-av{width:120px;}
  .hero-media .bc,.profile .bc,.vplayer .bc,.art-h .bc,.radio .bc{padding:14px 18px 0;}
  .tr{grid-template-columns:30px 42px minmax(0,1fr) 34px 34px;gap:8px;padding:6px 4px;}
  .tr-p,.tr-d{display:none;}
  .tr-cv{width:42px;height:42px;}
  .tgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  .tgrid .play-c{opacity:1;transform:none;}
  .agrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px;}
  .acard b{font-size:15px;}
  .algrid,.plgrid,.prgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  .ggrid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .gcard{height:96px;}
  .gcard b{font-size:17px;}
  .art-hin{padding:110px 18px 22px;}
  .art-body{padding:20px 18px;font-size:15.5px;}
  .lead-b{padding:20px;}
  .lead-b h2{font-size:26px;}
  .radio-in{flex-direction:column;align-items:flex-start;gap:24px;padding:18px 18px 26px;}
  .radio-disc{width:180px;height:180px;}
  .radio-disc img{width:110px;height:110px;}
  .sched li{grid-template-columns:48px 1fr auto;}
  .sched img{display:none;}
  .cta-band{flex-direction:column;align-items:flex-start;padding:22px;}
  .cta-band h2{font-size:23px;}
  .auth-art{padding:22px;min-height:0;}
  .auth-art .ticks{display:none;}
  .auth-f{padding:20px;}
  .up-grid,.up-grid.sm{grid-template-columns:1fr;}
  .cover-pick{max-width:220px;}
  .panel-h{flex-wrap:wrap;padding:16px;}
  .panel-h h1{font-size:24px;}
  .panel-h > .b{width:100%;}
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr));}
  .kpi b{font-size:22px;}
  .lesson{padding:18px;}
  .lesson-nav{flex-direction:column-reverse;}
  .lesson-nav .b{width:100%;}
  .ft-cols{grid-template-columns:1fr 1fr;gap:22px;}
  .ft-brand{grid-column:1/-1;grid-row:auto;}
  #ysPlayer{height:64px;padding:0 10px;gap:8px;}
  body.has-player{padding-bottom:64px;}
  .pl-tr img{width:44px;height:44px;}
  .pl-b{gap:6px;}
  .pl-b .pl-pp{width:40px;height:40px;}
  .pl-like{display:none!important;}
  .ys-signup{display:none;}
  .ys-login span{display:none;}
  .ys-login{width:40px;padding:0;justify-content:center;}
  .notif-menu{position:fixed;left:12px;right:12px;top:60px;width:auto;}
  .egrid,.cgrid,.vgrid{grid-template-columns:1fr;}
  .hm-a .b{flex:1 1 auto;}
  .hm-a .b-icon{flex:0 0 40px;}
  .mycourses a{grid-template-columns:90px 1fr;}
  .home .flash{margin:8px 0 0;}
}
@media (max-width:420px){
  .agrid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

/* ==========================================================================
   Portada: secciones inferiores (noticias, eventos, aula, videos, ecosistema)
   ========================================================================== */
.hsec{margin:18px 0 0 18px;padding:20px 22px 22px;border-radius:14px;background:var(--panel);border:1px solid var(--line);min-width:0;}
.hsec-h{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 20px;margin-bottom:16px;}
.hsec-h h2{margin:0;font:700 26px/1 var(--head);text-transform:uppercase;letter-spacing:.01em;}
.hsec-k{display:inline-flex;align-items:center;gap:6px;margin-bottom:6px;color:#ff6b74;font:600 12px/1 var(--head);letter-spacing:.1em;text-transform:uppercase;}
.hsec-k .ic{width:14px;height:14px;}
.hsec-chips,.hsec-act{display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
.hsec-chips a{height:32px;display:inline-flex;align-items:center;padding:0 13px;border-radius:16px;border:1px solid var(--line);font-size:12.5px;color:#d6d6dc;transition:border-color .15s,background .15s,color .15s;}
.hsec-chips a:hover{border-color:rgba(227,32,45,.6);background:rgba(227,32,45,.1);color:#fff;}
.hsec .more,.hsec-chips a.more{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:17px;background:rgba(255,255,255,.06);border:0;font:600 12.5px/1 var(--body);color:#fff;transition:background .15s;}
.hsec .more .ic{width:14px;height:14px;transition:transform .15s;}
.hsec .more:hover{background:var(--red);}
.hsec .more:hover .ic{transform:translateX(3px);}
.car-btn{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#141417;color:#fff;cursor:pointer;transition:background .15s,border-color .15s;}
.car-btn .ic{width:14px;height:14px;}
.car-btn:hover{background:var(--red);border-color:var(--red);}
.car-btn:disabled{opacity:.35;cursor:default;background:#141417;border-color:var(--line);}

.ys-low{grid-area:bot;min-width:0;}
/* Noticias */
.hnews{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;}
.hn-lead{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:400px;border-radius:12px;overflow:hidden;isolation:isolate;}
.hn-img{position:absolute;inset:0;z-index:-2;background:#16161a center/cover;transition:transform .6s ease;}
.hn-lead::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,8,10,0) 25%,rgba(8,8,10,.6) 55%,rgba(8,8,10,.96));}
.hn-lead:hover .hn-img{transform:scale(1.05);}
.hn-body{padding:26px;}
.hn-cat{display:inline-block;padding:5px 10px;border-radius:5px;background:var(--red);font:700 11px/1 var(--body);letter-spacing:.06em;text-transform:uppercase;}
.hn-cat.sm{padding:3px 7px;font-size:9.5px;background:rgba(227,32,45,.18);color:#ff8088;}
.hn-lead h3{margin:12px 0 8px;font:700 clamp(24px,2.3vw,34px)/1.03 var(--head);text-transform:uppercase;transition:color .15s;}
.hn-lead:hover h3{color:#ff5a64;}
.hn-lead p{margin:0 0 12px;max-width:620px;color:#d6d6dc;font-size:14.5px;line-height:1.5;}
.hn-lead small{display:inline-flex;align-items:center;gap:7px;color:#bdbdc5;font-size:12.5px;}
.hn-lead small .ic{width:14px;height:14px;}
.hn-list{display:flex;flex-direction:column;gap:10px;}
.hn-item{display:grid;grid-template-columns:128px minmax(0,1fr) 20px;align-items:center;gap:14px;flex:1;padding:10px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid var(--line-2);transition:background .2s,border-color .2s,transform .2s;}
.hn-item:hover{background:rgba(255,255,255,.05);border-color:rgba(227,32,45,.45);transform:translateX(4px);}
.hn-th{display:block;height:100%;min-height:84px;border-radius:8px;background:#16161a center/cover;}
.hn-item h3{margin:7px 0 6px;font:700 17px/1.12 var(--head);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.hn-item small{color:var(--muted);font-size:12px;}
.hn-item > .ic{width:18px;height:18px;color:var(--muted);transition:color .2s,transform .2s;}
.hn-item:hover > .ic{color:var(--red);transform:translateX(3px);}

/* Eventos + Aula */
.hrow{display:grid;grid-template-columns:minmax(0,1fr) 380px;margin-left:18px;gap:18px;}
.hrow .hsec{margin-left:0;}
.car{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:4px;}
.car::-webkit-scrollbar{display:none;}
.car > *{flex:0 0 auto;scroll-snap-align:start;}
.hev{display:flex;flex-direction:column;width:260px;border-radius:12px;overflow:hidden;background:#131316;border:1px solid var(--line-2);transition:transform .2s,border-color .2s,box-shadow .2s;}
.hev:hover{transform:translateY(-4px);border-color:rgba(227,32,45,.5);box-shadow:0 18px 36px -18px rgba(227,32,45,.5);}
.hev-img{position:relative;display:block;aspect-ratio:16/10;background:#18181c center/cover;}
.hev-d{position:absolute;left:10px;top:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:52px;height:56px;border-radius:9px;background:linear-gradient(180deg,#ec2533,#b3121c);font:600 13px/1 var(--head);text-transform:uppercase;box-shadow:0 10px 20px -8px rgba(0,0,0,.7);}
.hev-d b{font-size:24px;}
.hev-b{display:flex;flex-direction:column;gap:5px;flex:1;padding:13px 14px 14px;}
.hev h3{margin:0 0 3px;font:700 18px/1.1 var(--head);text-transform:uppercase;}
.hev p{display:flex;align-items:center;gap:6px;margin:0;font-size:12.5px;color:#c6c6cd;}
.hev p .ic{width:13px;height:13px;color:var(--muted);flex-shrink:0;}
.hev-cta{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:8px;color:#ff6b74;font:600 12.5px/1 var(--body);}
.hev-cta .ic{width:14px;height:14px;transition:transform .15s;}
.hev:hover .hev-cta .ic{transform:translateX(3px);}
.hev-add{align-items:center;justify-content:center;gap:8px;min-height:290px;text-align:center;border:1px dashed rgba(255,255,255,.2);background:transparent;}
.hev-add > .ic{width:44px;height:44px;padding:10px;border-radius:50%;background:rgba(227,32,45,.14);color:var(--red);}
.hev-add b{font:700 17px/1.1 var(--head);text-transform:uppercase;}
.hev-add span{color:var(--muted);font-size:12.5px;}
.hev-empty{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;align-items:center;}
.hev-empty-art{display:grid;place-items:center;aspect-ratio:1;border-radius:12px;background:linear-gradient(135deg,rgba(227,32,45,.55),rgba(10,10,12,.5)),var(--x) center/cover #18181c;}
.hev-empty-art .ic{width:64px;height:64px;padding:16px;border-radius:50%;background:rgba(0,0,0,.45);}
.hev-empty b{display:block;font:700 22px/1.1 var(--head);text-transform:uppercase;}
.hev-empty p{margin:8px 0 0;color:#c6c6cd;font-size:14px;line-height:1.55;}
.haula-c{display:flex;flex-direction:column;gap:10px;}
.haula-img{position:relative;display:block;aspect-ratio:16/9;border-radius:10px;background:#18181c center/cover;overflow:hidden;}
.haula-img i{position:absolute;left:10px;top:10px;padding:4px 9px;border-radius:5px;background:rgba(0,0,0,.75);font:700 11px/1.2 var(--body);font-style:normal;text-transform:uppercase;letter-spacing:.05em;}
.haula-c h3{margin:4px 0 0;font:700 21px/1.1 var(--head);text-transform:uppercase;transition:color .15s;}
.haula-c:hover h3{color:#ff5a64;}
.haula-c p{margin:0;color:#c6c6cd;font-size:13.5px;line-height:1.5;}
.haula-meta{display:flex;gap:16px;color:var(--muted);font-size:12.5px;}
.haula-meta span{display:inline-flex;align-items:center;gap:6px;}
.haula-meta .ic{width:14px;height:14px;}
.haula-c .b{margin-top:6px;}
.vcar .vcard{width:300px;}

/* Ecosistema */
.heco{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch;margin:18px 0 0 18px;padding:26px;border-radius:16px;border:1px solid rgba(227,32,45,.35);
  background:radial-gradient(600px 300px at 0% 0%,rgba(227,32,45,.3),transparent 70%),linear-gradient(90deg,rgba(14,8,10,.9),rgba(16,16,19,.9)),url("/assets/img/eco-crown.jpg") left center/auto 100% no-repeat #0e0e11;}
.heco-intro{display:flex;flex-direction:column;justify-content:center;}
.heco-intro h2{margin:0;font:700 clamp(28px,2.8vw,40px)/1 var(--head);text-transform:uppercase;}
.heco-intro p{margin:12px 0 0;color:#d4d4da;font-size:15px;line-height:1.55;max-width:380px;}
.heco-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:20px;border-radius:12px;background:rgba(10,10,12,.72);border:1px solid var(--line);backdrop-filter:blur(6px);transition:transform .2s,border-color .2s;}
.heco-card:hover{transform:translateY(-4px);border-color:rgba(227,32,45,.5);}
.heco-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:linear-gradient(180deg,#ec2533,#b3121c);}
.heco-ic .ic{width:22px;height:22px;}
.heco-card b{font:700 22px/1 var(--head);text-transform:uppercase;}
.heco-card p{margin:0;color:#c6c6cd;font-size:13.5px;}
.heco-card ul{list-style:none;margin:0 0 4px;padding:0;display:flex;flex-direction:column;gap:7px;}
.heco-card li{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#dcdce2;}
.heco-card li .ic{width:15px;height:15px;color:#5bd894;}
.heco-card .b{margin-top:auto;}
.ft-pw a{color:#fff;font-weight:600;}
.ft-pw a:hover{color:#ff6b74;}

/* El menú lateral nunca se monta sobre el pie: en páginas internas el pie va en la columna de contenido */
@media (min-width:1101px){
  .inner .ys{grid-template-areas:"side main" "side foot";}
  .inner .ys-foot{margin-left:24px;}
}
@media (max-width:1280px){
  .hrow{grid-template-columns:minmax(0,1fr) 320px;}
  .heco{grid-template-columns:1fr 1fr;}
  .heco-intro{grid-column:1/-1;}
}
@media (max-width:1100px){
  .hsec,.heco{margin-left:0;}
  .hrow{margin-left:0;grid-template-columns:1fr;}
  .hnews{grid-template-columns:1fr;}
  .hn-lead{min-height:340px;}
}
@media (max-width:760px){
  .hsec{padding:16px 14px;margin-top:14px;}
  .hsec-h h2{font-size:22px;}
  .hsec-chips a:not(.more){display:none;}
  .hn-lead{min-height:300px;}
  .hn-body{padding:18px;}
  .hn-item{grid-template-columns:96px minmax(0,1fr);}
  .hn-item > .ic{display:none;}
  .hn-th{min-height:70px;}
  .hev{width:78vw;max-width:290px;}
  .vcar .vcard{width:78vw;max-width:300px;}
  .hev-empty{grid-template-columns:1fr;}
  .hev-empty-art{aspect-ratio:16/8;}
  .heco{grid-template-columns:1fr;padding:18px;}
  .car-btn{display:none;}
}
.hrow .hsec{display:flex;flex-direction:column;}
.hrow .hsec > .car,.hrow .hsec > .hev-empty{flex:1;}
.hev-empty{align-content:center;}
.hev-empty-art{aspect-ratio:auto;min-height:230px;height:100%;max-height:300px;}
@media (max-width:760px){.hev-empty-art{min-height:150px;}}
@media (max-width:760px){.hn-lead{min-height:380px;}.hn-lead::after{background:linear-gradient(180deg,rgba(8,8,10,.05) 0%,rgba(8,8,10,.8) 38%,rgba(8,8,10,.98) 70%);}.hn-lead h3{font-size:23px;text-shadow:0 2px 12px rgba(0,0,0,.6);}}

/* ==========================================================================
   Portada alineada con el menú lateral: todo el contenido va en la columna
   derecha y el menú queda fijo (como en las páginas internas)
   ========================================================================== */
@media (min-width:1101px){
  .ys{grid-template-areas:"side main" "side foot";}
  .ys-side,.inner .ys-side{position:sticky;top:0;height:100vh;min-height:0;align-self:start;overflow-y:auto;scrollbar-width:none;}
  .ys-side::-webkit-scrollbar{display:none;}
  body.has-player .ys-side{height:calc(100vh - 78px);}
  .ys-foot,.inner .ys-foot{margin-left:24px;}
}
.home .ys-mid{margin:16px 0 0;align-items:stretch;}
.home .ys-low .hsec,.home .ys-low .heco,.home .ys-low .hrow{margin-left:0;}
.home .ys-low .hsec:first-child{margin-top:16px;}
.ys-mid > .pn{display:flex;flex-direction:column;padding:16px 16px 14px;}
.ys-mid .pn-h{margin-bottom:14px;}
.ys-mid .pn-h a{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:14px;background:rgba(255,255,255,.06);font-weight:600;transition:background .15s;}
.ys-mid .pn-h a:hover{background:var(--red);color:#fff;}
.ys-mid .songs,.ys-mid .artists,.ys-mid .tops{flex:1;}

/* Paneles vacíos: el diseño real en fantasma + llamada a la acción */
.hx{position:relative;flex:1;display:flex;flex-direction:column;min-height:200px;border-radius:10px;overflow:hidden;}
.hx-ghost{flex:1;opacity:.5;-webkit-mask-image:linear-gradient(180deg,#000 10%,transparent 92%);mask-image:linear-gradient(180deg,#000 10%,transparent 92%);}
.hx-ghost i,.hx-ghost b,.hx-ghost small{display:block;border-radius:6px;background:linear-gradient(90deg,#1c1c21,#26262c,#1c1c21);background-size:200% 100%;animation:shimmer 2.4s linear infinite;}
@keyframes shimmer{from{background-position:200% 0;}to{background-position:-200% 0;}}
.hx-songs{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;}
.hx-songs i{aspect-ratio:1;}
.hx-songs b{height:11px;margin-top:9px;width:80%;}
.hx-songs small{height:9px;margin-top:6px;width:55%;}
.hx-arts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;text-align:center;}
.hx-arts span{display:flex;flex-direction:column;align-items:center;}
.hx-arts i{width:100%;max-width:96px;aspect-ratio:1;border-radius:50%;}
.hx-arts b{height:11px;width:70%;margin-top:10px;}
.hx-arts small{height:9px;width:50%;margin-top:6px;}
.hx-tops{display:flex;flex-direction:column;gap:8px;}
.hx-tops span{display:grid;grid-template-columns:20px 34px 1fr;align-items:center;gap:10px;}
.hx-tops em{font-style:normal;color:#444;text-align:center;}
.hx-tops i{width:34px;height:34px;}
.hx-tops b{height:11px;width:75%;}
.hx-cta{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:12px;padding:14px;border-radius:10px;
  background:linear-gradient(90deg,rgba(26,10,13,.96),rgba(18,18,22,.96));border:1px solid rgba(227,32,45,.3);box-shadow:0 -20px 30px -10px rgba(10,10,12,.9);}
.hx-cta > div{flex:1;min-width:0;}
.hx-cta b{display:block;font:700 15.5px/1.15 var(--head);text-transform:uppercase;}
.hx-cta p{margin:3px 0 0;font-size:12px;color:var(--muted);line-height:1.35;}
.hx-ic{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:10px;background:linear-gradient(180deg,#ec2533,#b3121c);}
.hx-ic .ic{width:18px;height:18px;}
.hx-cta .btn-r{flex-shrink:0;height:32px;padding:0 12px;font-size:10px;}
.top10 .hx-cta,.ys-mid .pn:nth-child(2) .hx-cta{flex-wrap:wrap;}
.top10 .hx-cta .btn-r,.ys-mid .pn:nth-child(2) .hx-cta .btn-r{width:100%;}

/* Tarjetas de sección: más profundidad y movimiento */
.sc{box-shadow:0 18px 36px -24px #000;}
.sc::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 40%);opacity:0;transition:opacity .2s;}
.sc:hover{transform:translateY(-4px);box-shadow:0 22px 40px -20px rgba(227,32,45,.45);border-color:rgba(227,32,45,.5);}
.sc:hover::after{opacity:1;}
.sc .btn-o{transition:background .15s,border-color .15s,gap .15s;}
.sc:hover .btn-o{gap:13px;}
@media (max-width:1100px){
  .home .ys-mid{margin-top:14px;}
  .hx-songs{grid-template-columns:repeat(4,1fr);}
  .hx-songs span:nth-child(n+5){display:none;}
}
@media (max-width:760px){
  .hx{min-height:210px;}
  .hx-songs{grid-template-columns:repeat(3,1fr);}
  .hx-songs span:nth-child(n+4){display:none;}
  .hx-cta{flex-wrap:wrap;}
  .hx-cta .btn-r{width:100%;}
}
.top10 .pn-h h2{white-space:nowrap;font-size:17.5px;}
.top10 .hx-cta b{font-size:14px;}

/* ==========================================================================
   Marketplace
   ========================================================================== */
.mk-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:end;padding:56px 32px 30px;border-radius:14px;overflow:hidden;border:1px solid var(--line);
  background:linear-gradient(90deg,rgba(8,8,10,.97) 0%,rgba(8,8,10,.85) 45%,rgba(8,8,10,.45)),linear-gradient(0deg,rgba(8,8,10,.8),transparent 55%),var(--ph-img) center/cover #111;}
.mk-hero .bc{position:absolute;top:16px;left:32px;}
.mk-hero h1{margin:0;font:700 clamp(34px,4.4vw,60px)/.96 var(--head);text-transform:uppercase;}
.mk-hero-in > p{margin:12px 0 18px;max-width:600px;color:#d6d6dc;font-size:15.5px;line-height:1.55;}
.mk-hero .search-big{max-width:620px;}
.mk-hero-cta{display:flex;flex-direction:column;gap:10px;}
.mk-sell{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:12px;background:linear-gradient(180deg,#ec2533,#b3121c);box-shadow:0 18px 36px -16px var(--red-glow);transition:transform .15s,filter .15s;}
.mk-sell:hover{transform:translateY(-2px);filter:brightness(1.08);}
.mk-sell.alt{background:rgba(14,14,17,.85);border:1px solid rgba(255,255,255,.18);box-shadow:none;}
.mk-sell.alt:hover{border-color:rgba(227,32,45,.6);}
.mk-sell > .ic{width:40px;height:40px;padding:9px;border-radius:10px;background:rgba(0,0,0,.25);flex-shrink:0;}
.mk-sell b{display:block;font:700 17px/1.1 var(--head);text-transform:uppercase;}
.mk-sell small{color:rgba(255,255,255,.8);font-size:12.5px;}
.mk-zones{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.mk-zone{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;min-height:190px;padding:18px;border-radius:14px;overflow:hidden;border:1px solid var(--line);isolation:isolate;transition:transform .2s,border-color .2s,box-shadow .2s;}
.mk-zone::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--z-img) center/cover;transition:transform .5s;}
.mk-zone::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,8,10,.15),rgba(8,8,10,.92) 70%);}
.mk-zone:hover{transform:translateY(-4px);border-color:rgba(227,32,45,.55);box-shadow:0 20px 40px -20px rgba(227,32,45,.5);}
.mk-zone:hover::before{transform:scale(1.06);}
.mk-zone-ic{display:grid;place-items:center;width:42px;height:42px;margin-bottom:auto;border-radius:11px;background:linear-gradient(180deg,#ec2533,#b3121c);}
.mk-zone-ic .ic{width:20px;height:20px;}
.mk-zone b{font:700 22px/1 var(--head);text-transform:uppercase;}
.mk-zone p{margin:0;font-size:13px;color:#d4d4da;line-height:1.4;}
.mk-zone small{display:inline-flex;align-items:center;gap:6px;margin-top:4px;color:#ff8088;font-weight:600;font-size:12.5px;}
.mk-zone small .ic{width:14px;height:14px;}
.mk-zones.home{margin-bottom:16px;}
.mk-zones.home .mk-zone{min-height:150px;padding:14px;}
.mk-zones.home .mk-zone b{font-size:19px;}
.mk-soon{display:flex;align-items:center;gap:16px;padding:20px;border-radius:12px;background:radial-gradient(500px 200px at 0% 0%,rgba(227,32,45,.14),transparent 70%),rgba(255,255,255,.02);border:1px solid var(--line-2);}
.mk-soon > .ic{width:48px;height:48px;padding:12px;border-radius:12px;background:rgba(227,32,45,.15);color:var(--red);flex-shrink:0;}
.mk-soon > div{flex:1;}
.mk-soon b{display:block;font:700 19px/1.1 var(--head);text-transform:uppercase;}
.mk-soon p{margin:4px 0 0;color:var(--muted);font-size:13.5px;}
.mk-how{margin-top:0;}
.pcard{display:flex;flex-direction:column;}
.pcard-seller{display:inline-flex;align-items:center;gap:5px;margin-top:10px;font-size:11.5px;font-weight:600;color:#cfcfd6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pcard-seller .ic{width:12px;height:12px;flex-shrink:0;}
.pcard-seller.s-official{color:#ffcc55;}
.pcard-seller.s-store{color:#9db7e0;}
.pcard small{margin-top:3px;}
.pcard .pcard-pr{margin-top:auto;padding-top:6px;}
.pc-used{position:absolute;right:8px;top:8px;padding:3px 8px;border-radius:5px;background:rgba(240,180,40,.9);color:#111;font:700 10.5px/1.3 var(--body);font-style:normal;text-transform:uppercase;}
.prgrid.two{grid-template-columns:repeat(2,minmax(0,1fr));}
.pcar .pcard{width:220px;}
.stgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;}
.stcard{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 16px 18px;border-radius:14px;overflow:hidden;background:var(--panel);border:1px solid var(--line);transition:transform .2s,border-color .2s;}
.stcard:hover{transform:translateY(-4px);border-color:rgba(227,32,45,.5);}
.stcard-cv{align-self:stretch;height:96px;margin:0 -16px;background:#18181c center/cover;}
.stcard-logo{width:72px;height:72px;margin-top:-36px;border-radius:16px;overflow:hidden;border:3px solid #111114;background:#0c0c0e;}
.stcard-logo img{width:100%;height:100%;object-fit:cover;}
.stcard b{margin-top:10px;font:700 19px/1.1 var(--head);text-transform:uppercase;}
.stcard small{margin-top:4px;color:var(--muted);font-size:12.5px;}
.stcard-n{margin-top:10px;padding:4px 10px;border-radius:12px;background:rgba(255,255,255,.06);font-size:12px;}
.st-logo{flex-shrink:0;width:150px;height:150px;border-radius:24px;overflow:hidden;border:4px solid #0b0b0d;background:#0c0c0e;box-shadow:0 24px 50px -20px #000;}
.st-logo img{width:100%;height:100%;object-fit:cover;}
.seller{display:flex;align-items:center;gap:12px;margin-top:18px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.025);transition:border-color .15s;}
a.seller:hover{border-color:rgba(227,32,45,.5);}
.seller img{width:52px;height:52px;border-radius:12px;object-fit:cover;}
.seller > span{flex:1;min-width:0;}
.seller small{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;}
.seller small .ic{width:12px;height:12px;color:#5bd894;}
.seller b{display:block;font:700 18px/1.15 var(--head);}
.seller em{font-style:normal;font-size:12.5px;color:#ff8088;}
.seller > .ic{width:18px;height:18px;color:var(--muted);}
.pdp-img{position:relative;}
.pdp-sold{position:absolute;left:14px;top:14px;padding:6px 12px;border-radius:7px;background:#000;font:700 14px/1 var(--head);text-transform:uppercase;}
.pdp-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px;}
.pdp-tags .tag{display:inline-flex;align-items:center;gap:4px;}
.pdp-tags .tag .ic{width:12px;height:12px;}
.pdp-safe{display:flex;flex-wrap:wrap;align-items:center;gap:6px;}
.pdp-safe .link-btn{margin:0;}
.sell-as{margin-bottom:16px;}
.sell-as label{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:6px 10px;border-radius:8px;font:600 13px/1.2 var(--head);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);cursor:pointer;text-align:center;}
.sell-as label .ic{width:16px;height:16px;flex-shrink:0;}
.sell-as label:has(input:checked){background:linear-gradient(180deg,#ec2533,#c4141f);color:#fff;}
.mystore{display:flex;align-items:center;gap:12px;}
.mystore img{width:56px;height:56px;border-radius:12px;object-fit:cover;}
.mystore b{display:block;font:700 17px/1.1 var(--head);margin-bottom:4px;}
@media (max-width:1280px){ .mk-zones{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:1100px){ .mk-hero{grid-template-columns:1fr;} .mk-hero-cta{flex-direction:row;} .mk-hero-cta > a{flex:1;} }
@media (max-width:760px){
  .mk-hero{padding:52px 18px 20px;}
  .mk-hero .bc{left:18px;}
  .mk-hero-cta{flex-direction:column;}
  .mk-zones{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .mk-zone{min-height:150px;padding:13px;}
  .mk-zone b{font-size:17px;}
  .mk-zone p{display:none;}
  .mk-soon{flex-direction:column;align-items:flex-start;}
  .stgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .stcard b{font-size:16px;}
  .st-logo{width:110px;height:110px;}
  .pcar .pcard{width:62vw;max-width:230px;}
  .prgrid.two{grid-template-columns:repeat(2,minmax(0,1fr));}
}
.b > svg:not(.ic){width:18px;height:18px;border-radius:4px;flex-shrink:0;}
.pdp-safe{display:block;line-height:1.55;}
.pdp-safe > .ic{width:14px;height:14px;vertical-align:-2px;margin-right:4px;}
.pdp-safe .link-btn{margin-left:6px;}

/* ==========================================================================
   YSHH TV: canal programado (reproductor sin la interfaz de YouTube)
   ========================================================================== */
.tv.channel{aspect-ratio:2/1;background-color:#000;}
.tvpage .tv.channel{aspect-ratio:16/9;}
.tv-media.yt-ch{overflow:hidden;border-radius:inherit;background:#000;}
.tv-media.yt-ch iframe{position:absolute;left:50%;top:50%;width:calc(100cqw * 1.12);height:calc(56.25cqw * 1.12);transform:translate(-50%,-50%);border:0;pointer-events:none;}
.tv-cover{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;inset:0;opacity:0;pointer-events:none;transition:opacity .45s;
  background:radial-gradient(circle at 50% 42%,rgba(130,14,24,.6),#050506 68%);}
.tv-cover img{width:22cqw;max-width:250px;height:auto;filter:drop-shadow(0 6px 24px rgba(227,32,45,.45));animation:tvlogo 2.4s ease-in-out infinite;}
@keyframes tvlogo{50%{transform:scale(1.04);filter:drop-shadow(0 6px 34px rgba(227,32,45,.75));}}
.tv-spin{width:26px;height:26px;border-radius:50%;border:3px solid rgba(255,255,255,.18);border-top-color:#e3202d;animation:spin .8s linear infinite;}
.tv-cover small{font:600 12px/1 var(--head);letter-spacing:.24em;text-transform:uppercase;color:#d0d0d6;}
.tv.channel.loading > .tv-cover,.tv.channel.paused > .tv-cover{opacity:1!important;}
.tv.channel.paused .tv-spin{display:none;}
.tv.channel > .tv-wave{display:none!important;}
.tv.channel .tv-now{transition:opacity .5s;}
.tv.channel.playing.info > .tv-now,.tv.channel.playing:hover > .tv-now,.tv.channel.playing.show-ui > .tv-now{opacity:1!important;}
.tv.channel.playing:hover > .tv-sched,.tv.channel.playing.show-ui > .tv-sched{opacity:1!important;pointer-events:auto!important;}
.tv.channel .tv-live .live-dot{width:.8cqw;height:.8cqw;min-width:7px;min-height:7px;margin:0 2px 0 0;background:#fff;}
.tv-unmute{left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;height:46px;padding:0 20px;border-radius:23px;border:0;cursor:pointer;
  background:rgba(227,32,45,.92);color:#fff;font:700 14px/1 var(--head);letter-spacing:.06em;text-transform:uppercase;box-shadow:0 14px 34px -10px rgba(227,32,45,.8);animation:pulse 2s infinite;}
.tv-unmute .ic{width:20px;height:20px;}
.tv.channel.playing > .tv-unmute{opacity:1!important;pointer-events:auto!important;}
.tv.channel.unmuted > .tv-unmute,.tv.channel.loading > .tv-unmute{display:none;}
.tv.channel .tv-bar{background:rgba(255,255,255,.28);}
.tv.channel .tv-bar::before{width:var(--p,0%);transition:width 1s linear;}
.tv.channel .tv-bar i{left:var(--p,0%);right:auto;transform:translate(-50%,-50%);transition:left 1s linear;}
.tv-livetxt[data-tv-live]{display:inline-flex;align-items:center;gap:.5cqw;background:none;border:0;color:#fff;cursor:pointer;padding:0;}
.tv-livetxt[data-tv-live] .live-dot{width:.7cqw;height:.7cqw;min-width:7px;min-height:7px;margin:0;}
.tv-frame:fullscreen{display:flex;align-items:center;justify-content:center;background:#000;padding:0;border-radius:0;}
.tv-frame:fullscreen .tv{width:min(100vw,177.78vh);aspect-ratio:16/9;border-radius:0;}
.row-now td{background:rgba(227,32,45,.08);}
@media (max-width:760px){
  .tv.channel{aspect-ratio:16/9;}
  .tv-unmute{height:38px;padding:0 14px;font-size:12px;}
  .tv-cover img{width:34cqw;}
}

.tv-bigplay{display:none;place-items:center;width:64px;height:64px;border-radius:50%;border:0;cursor:pointer;background:linear-gradient(180deg,#ec2533,#b3121c);color:#fff;box-shadow:0 14px 34px -8px rgba(227,32,45,.8);position:static!important;}
.tv-bigplay .ic{width:26px;height:26px;margin-left:4px;}
.tv.channel.paused > .tv-cover{pointer-events:auto;}
.tv.channel.paused .tv-bigplay{display:grid;}
.tv.channel.paused > .tv-unmute,.tv.channel.paused > .tv-now,.tv.channel.paused > .tv-sched,.tv.channel.paused > .tv-wave{display:none!important;}
@media (max-width:760px){
  .tv-cover{gap:8px;}
  .tv-cover small{font-size:10px;letter-spacing:.16em;}
  .tv.channel.loading > .tv-now{display:none;}
  .tv-bigplay{width:54px;height:54px;}
}
.tv-unmute{white-space:nowrap;}
.tv-unmute .um-s{display:none;}
@media (max-width:760px){.tv-unmute .um-l{display:none;}.tv-unmute .um-s{display:inline;}.tv-unmute{top:auto;bottom:22%;}}

/* ==========================================================================
   YSHH TV: interfaz de canal de televisión (logo, rótulo, cintillo, controles)
   ========================================================================== */
.tv.channel{--pad:clamp(10px,1.7cqw,22px);--tk:clamp(26px,3cqw,38px);--fs:clamp(11px,1.12cqw,14px);}
.tv.channel::after{display:none;}
.tv.channel > .ch-top{left:var(--pad);top:var(--pad);display:flex;align-items:center;gap:8px;}
.ch-live,.ch-pill{display:inline-flex;align-items:center;gap:6px;height:clamp(24px,2.4cqw,32px);padding:0 clamp(8px,.9cqw,12px);border-radius:6px;font:700 var(--fs)/1 var(--head);letter-spacing:.08em;text-transform:uppercase;}
.ch-live{background:linear-gradient(180deg,#ec2533,#c4141f);box-shadow:0 6px 16px -6px rgba(227,32,45,.7);}
.ch-live .live-dot{width:7px;height:7px;margin:0;background:#fff;}
.ch-pill{background:rgba(8,8,10,.62);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px);font-family:var(--body);font-weight:600;letter-spacing:.02em;}
.ch-pill .ic{width:14px;height:14px;}
.ch-clock{font-variant-numeric:tabular-nums;}
.tv.channel > .ch-bug{right:var(--pad);top:var(--pad);width:clamp(70px,10cqw,150px);height:auto;opacity:.92;pointer-events:none;filter:drop-shadow(0 3px 10px rgba(0,0,0,.65));}
.tv.channel > .ch-next{right:var(--pad);top:calc(var(--pad) + clamp(44px,6cqw,86px));display:flex;align-items:center;gap:10px;width:clamp(210px,25cqw,320px);padding:8px;border-radius:10px;
  background:rgba(8,8,10,.86);border:1px solid rgba(255,255,255,.12);border-left:3px solid #e3202d;backdrop-filter:blur(10px);opacity:0;transform:translateX(16px);transition:opacity .4s,transform .4s;pointer-events:none;}
.tv.channel.show-next > .ch-next,.tv.channel.playing:hover > .ch-next,.tv.channel.show-ui > .ch-next{opacity:1;transform:none;}
.ch-next img{width:42%;flex-shrink:0;aspect-ratio:16/9;object-fit:cover;border-radius:6px;}
.ch-next div{min-width:0;display:flex;flex-direction:column;gap:2px;}
.ch-next small{font:700 calc(var(--fs) - 2px)/1.2 var(--head);letter-spacing:.1em;text-transform:uppercase;color:#ff6b74;}
.ch-next b{font:700 var(--fs)/1.15 var(--head);text-transform:uppercase;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ch-next span{font-size:calc(var(--fs) - 2px);color:#c6c6cd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tv.channel > .ch-l3{left:var(--pad);bottom:calc(var(--tk) + var(--pad));display:flex;flex-direction:column;gap:3px;max-width:min(62%,560px);padding:clamp(8px,1cqw,14px) clamp(14px,1.6cqw,22px) clamp(8px,1cqw,14px) clamp(12px,1.3cqw,18px);
  border-left:4px solid #e3202d;border-radius:0 10px 10px 0;background:linear-gradient(90deg,rgba(8,8,10,.94),rgba(8,8,10,.72));box-shadow:0 14px 30px -14px #000;
  opacity:0;transform:translateX(-24px);transition:opacity .55s,transform .55s cubic-bezier(.2,.8,.2,1),bottom .3s;pointer-events:none;}
.tv.channel.info > .ch-l3{opacity:1;transform:none;}
.tv.channel:hover > .ch-l3,.tv.channel.show-ui > .ch-l3,.tv.channel.paused > .ch-l3{bottom:calc(var(--tk) + clamp(64px,7cqw,86px));}
.ch-l3-k{display:inline-flex;align-items:center;gap:6px;font:700 calc(var(--fs) - 1px)/1 var(--head);letter-spacing:.12em;text-transform:uppercase;color:#ff6b74;}
.ch-l3-k .live-dot{width:6px;height:6px;margin:0;}
.ch-l3-t{font:700 clamp(17px,2.3cqw,32px)/1.05 var(--head);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ch-l3-a{font-size:clamp(12px,1.2cqw,15px);color:#d6d6dc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tv.channel > .ch-ctrl{left:0;right:0;bottom:var(--tk);padding:clamp(26px,3cqw,40px) var(--pad) clamp(8px,.9cqw,12px);background:linear-gradient(0deg,rgba(0,0,0,.82),rgba(0,0,0,.35) 60%,transparent);opacity:0;transition:opacity .25s;}
.tv.channel:hover > .ch-ctrl,.tv.channel.show-ui > .ch-ctrl,.tv.channel.paused > .ch-ctrl{opacity:1;}
.ch-prog{position:relative;height:4px;margin-bottom:clamp(8px,1cqw,12px);border-radius:2px;background:rgba(255,255,255,.22);}
.ch-prog i{display:block;height:100%;width:var(--p,0%);border-radius:2px;background:linear-gradient(90deg,#c4141f,#ff3b47);transition:width 1s linear;}
.ch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.ch-side{display:flex;align-items:center;gap:clamp(6px,1cqw,14px);min-width:0;}
.ch-btn{display:grid;place-items:center;flex-shrink:0;width:clamp(32px,3.2cqw,42px);height:clamp(32px,3.2cqw,42px);padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;transition:background .15s,transform .1s;}
.ch-btn:hover{background:#e3202d;}
.ch-btn:active{transform:scale(.94);}
.ch-btn .ic{width:48%;height:48%;}
.ch-play{background:#fff;color:#0b0b0d;}
.ch-play:hover{background:#fff;transform:scale(1.06);}
.ch-vol{display:flex;align-items:center;gap:8px;}
.ch-vol input{-webkit-appearance:none;appearance:none;width:clamp(64px,9cqw,120px);height:4px;border-radius:2px;cursor:pointer;background:linear-gradient(90deg,#fff var(--p,0%),rgba(255,255,255,.25) var(--p,0%));}
.ch-vol input::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(227,32,45,.5);}
.ch-vol input::-moz-range-thumb{width:13px;height:13px;border:0;border-radius:50%;background:#fff;}
.ch-livebtn{display:inline-flex;align-items:center;gap:6px;height:clamp(26px,2.6cqw,32px);padding:0 12px;border-radius:16px;border:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.3);color:#fff;font:700 calc(var(--fs) - 1px)/1 var(--head);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;white-space:nowrap;}
.ch-livebtn .live-dot{width:7px;height:7px;margin:0;background:#9a9aa3;animation:none;box-shadow:none;}
.ch-livebtn.is-live{border-color:transparent;background:#e3202d;}
.ch-livebtn.is-live .live-dot{background:#fff;}
.ch-time{font-size:calc(var(--fs) - 1px);color:#e4e4e8;font-variant-numeric:tabular-nums;white-space:nowrap;}
.ch-open{display:inline-flex;align-items:center;gap:7px;height:clamp(32px,3.2cqw,42px);padding:0 14px;border-radius:21px;background:rgba(255,255,255,.1);font:600 var(--fs)/1 var(--body);white-space:nowrap;transition:background .15s;}
.ch-open .ic{width:16px;height:16px;}
.ch-open:hover{background:#e3202d;}
.tv.channel > .ch-ticker{left:0;right:0;bottom:0;height:var(--tk);display:flex;align-items:stretch;background:rgba(8,8,10,.94);border-top:2px solid #e3202d;overflow:hidden;}
.ch-tk-label{position:relative;z-index:1;display:flex;align-items:center;flex-shrink:0;padding:0 22px 0 var(--pad);background:linear-gradient(180deg,#ec2533,#b3121c);font:700 var(--fs)/1 var(--head);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%);}
.ch-tk-track{flex:1;min-width:0;display:flex;align-items:center;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 2%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 2%,#000 96%,transparent);}
.ch-tk-move{display:inline-flex;white-space:nowrap;animation:tvticker var(--dur,45s) linear infinite;}
.ch-tk-move span{display:inline-flex;align-items:center;font:500 var(--fs)/1 var(--body);color:#ececf0;}
.ch-tk-move span::after{content:"";width:6px;height:6px;margin:0 clamp(16px,2cqw,28px);border-radius:1px;background:#e3202d;transform:rotate(45deg);}
@keyframes tvticker{to{transform:translateX(-50%);}}
.tv.channel > .tv-unmute{top:42%;}
.tv.channel.paused > .ch-next,.tv.channel.loading > .ch-next{opacity:0!important;}
@media (prefers-reduced-motion:reduce){.ch-tk-move{animation-duration:200s!important;}}
@media (max-width:760px){
  .tv.channel{--tk:24px;--fs:11px;--pad:9px;}
  .ch-pill:not(.ch-clock){display:none;}
  .tv.channel > .ch-bug{width:62px;}
  .tv.channel > .ch-next,.ch-time,.ch-vol input,.ch-open span{display:none;}
  .ch-open{width:32px;padding:0;justify-content:center;}
  .tv.channel > .ch-l3{max-width:78%;}
  .ch-l3-t{font-size:15px;}
  .ch-btn{width:32px;height:32px;}
  .tv.channel > .ch-ctrl{padding-top:18px;}
  .tv.channel:hover > .ch-l3,.tv.channel.show-ui > .ch-l3,.tv.channel.paused > .ch-l3{bottom:calc(var(--tk) + 52px);}
}
@media (max-width:760px){.tv.channel > .tv-unmute{top:38%;bottom:auto;}.tv.channel.show-ui > .ch-l3,.tv.channel.paused > .ch-l3{opacity:0!important;}}

.ys-nav-m{display:none;}
@media (max-width:1100px){
  .ys-nav-m{display:flex;margin-top:10px;padding-top:10px;border-top:1px solid var(--line);}
  .ys-side .ys-nav a{height:40px;}
}

/* Chat interactivo: anfitrión BOT y reacciones */
.mod.bot{background:#1d8cf0;}
.chat-react{display:flex;justify-content:space-between;gap:4px;padding:6px 10px 0;border-top:1px solid var(--line-2);}
.chat-react button{flex:1;height:32px;border:0;border-radius:8px;background:rgba(255,255,255,.04);font-size:17px;line-height:1;cursor:pointer;transition:background .15s,transform .1s;}
.chat-react button:hover{background:rgba(227,32,45,.18);}
.chat-react button.pop{animation:emopop .35s ease-out;}
@keyframes emopop{50%{transform:scale(1.3);}}
.float-emo{position:absolute!important;z-index:6!important;bottom:18%;font-size:clamp(22px,2.6cqw,34px);pointer-events:none;animation:emofloat 3s ease-out forwards;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5));}
@keyframes emofloat{0%{transform:translate(0,0) scale(.6);opacity:0;}12%{opacity:1;transform:translate(0,-20px) scale(1.1);}100%{transform:translate(var(--dx,0),-220px) scale(1);opacity:0;}}
.chat .float-emo{bottom:60px;font-size:24px;}
.chat{position:relative;}
.chat-list p{white-space:normal;overflow-wrap:anywhere;line-height:1.35;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.chat-list li{padding:4px 0;}
.ch-demo{background:rgba(240,180,40,.9)!important;color:#111;border:0!important;}

/* ── Temas (etiquetas) ── */
.tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 4px;}
.tags a{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:13px;color:#e9e9ee;background:var(--panel-3);border:1px solid var(--line);transition:border-color .2s,color .2s;}
.tags a:hover{border-color:var(--red);color:#fff;}
.tags-cloud a{font-size:calc(13px * var(--w,1));}
.tags small{color:var(--muted-2);font-size:11px;}
.prose .srcs{font-size:13px;color:var(--muted);}
.prose .srcs a{color:#d9d9e0;text-decoration:underline;text-underline-offset:2px;}

/* ── Premios YSHH ── */
.aw-how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px;padding:18px;}
.aw-how b{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(180deg,#ec2533,#b3121c);font:700 18px/1 var(--head);}
.aw-how h3{margin:10px 0 4px;font:700 18px/1.1 var(--head);text-transform:uppercase;}
.aw-how p{margin:0;font-size:13px;color:var(--muted);line-height:1.5;}
.aw-cat{margin-bottom:16px;padding:18px;scroll-margin-top:80px;}
.aw-cat .pn-h h2{display:flex;align-items:center;gap:8px;font:700 22px/1.1 var(--head);text-transform:uppercase;}
.aw-cat .pn-h h2 .ic{color:#f0b428;}
.aw-desc{margin:-4px 0 14px;font-size:14px;}
.aw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;}
.aw-nom{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;background:var(--panel-2);border:1px solid var(--line);transition:border-color .2s,transform .2s;}
.aw-nom:hover{transform:translateY(-3px);border-color:rgba(227,32,45,.45);}
.aw-nom.on{border-color:var(--red);box-shadow:0 0 0 1px var(--red) inset;}
.aw-nom.win{border-color:#f0b428;}
.aw-img{position:relative;display:block;aspect-ratio:16/9;background:#111 center/cover no-repeat;}
.aw-img i{position:absolute;left:10px;top:10px;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;background:#f0b428;color:#111;font:700 12px/1 var(--head);text-transform:uppercase;font-style:normal;}
.aw-b{display:flex;flex-direction:column;gap:6px;flex:1;padding:12px 14px 14px;}
.aw-b h3{margin:0;font:700 17px/1.15 var(--head);}
.aw-b p{margin:0;font-size:13px;color:var(--muted);}
.aw-bar{height:6px;margin-top:auto;border-radius:6px;background:rgba(255,255,255,.08);overflow:hidden;}
.aw-bar span{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#b3121c,#ec2533);transition:width .6s;}
.aw-f{display:flex;align-items:center;gap:10px;}
.aw-f small{font-weight:700;color:#fff;min-width:38px;}
.aw-f form{margin-left:auto;}
.aw-f > .b{margin-left:auto;}
.aw-more{font-size:12px;color:var(--muted);text-decoration:underline;text-underline-offset:2px;}
.aw-empty{display:flex;align-items:center;gap:14px;padding:16px;border-radius:12px;border:1px dashed rgba(255,255,255,.18);}
.aw-empty > .ic{width:28px;height:28px;color:var(--red);flex:none;}
.aw-empty div{flex:1;}
.aw-empty p{margin:4px 0 0;font-size:13px;color:var(--muted);}
.aw-legal{margin:16px 2px;}

/* ── Recursos ── */
.rs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-top:10px;}
.rs{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:12px;background:var(--panel-2);border:1px solid var(--line);transition:border-color .2s,transform .2s;}
.rs:hover{border-color:rgba(227,32,45,.5);transform:translateY(-2px);}
.rs b{display:flex;align-items:center;gap:6px;font-size:15px;color:#fff;}
.rs b .ic{width:14px;height:14px;color:var(--muted);}
.rs span{font-size:13px;line-height:1.5;color:var(--muted);}
.rs-sec{margin-bottom:16px;padding:18px;}
.checks{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;}
.checks li{display:flex;gap:10px;align-items:flex-start;font-size:14px;}
.checks .ic{width:18px;height:18px;color:var(--red);flex:none;margin-top:2px;}

/* ── Boletín en el pie ── */
.ft-nl{display:flex;align-items:center;gap:12px;margin:0 0 26px;padding:18px 20px;border-radius:14px;border:1px solid rgba(227,32,45,.35);background:linear-gradient(110deg,rgba(227,32,45,.18),rgba(17,17,20,.9) 55%);}
.ft-nl > div{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0;}
.ft-nl b{display:flex;align-items:center;gap:8px;font:700 20px/1 var(--head);text-transform:uppercase;}
.ft-nl span{font-size:13px;color:#d4d4da;}
.ft-nl input[type=email]{width:260px;max-width:100%;height:42px;padding:0 14px;border-radius:10px;border:1px solid var(--line);background:#0c0c0e;color:#fff;font-size:14px;}
.ft-nl .b{height:42px;}

/* ── Portada: comunidad (premios, recursos, boletín) ── */
.hcomm{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:16px;margin:18px 0 0 18px;}
.hcomm-c{position:relative;display:flex;flex-direction:column;gap:10px;justify-content:flex-end;min-height:230px;padding:22px;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#111 center/cover no-repeat;isolation:isolate;transition:transform .2s,border-color .2s;}
.hcomm-c::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,8,10,.15),rgba(8,8,10,.92) 70%);}
.hcomm-c:hover{transform:translateY(-4px);border-color:rgba(227,32,45,.5);}
.hcomm-c .hsec-k{align-self:flex-start;}
.hcomm-c h3{margin:0;font:700 clamp(22px,2.2vw,30px)/1 var(--head);text-transform:uppercase;}
.hcomm-c p{margin:0;font-size:14px;line-height:1.5;color:#d4d4da;max-width:440px;}
.hcomm-c .btn-r{align-self:flex-start;}
@media (max-width:1100px){.hcomm{grid-template-columns:1fr 1fr;margin-left:0;}.hcomm-c:first-child{grid-column:1/-1;}}
@media (max-width:760px){
  .aw-how{grid-template-columns:1fr;}
  .ft-nl{flex-direction:column;align-items:stretch;}
  .ft-nl input[type=email]{width:100%;}
  .hcomm{grid-template-columns:1fr;}
  .aw-empty{flex-wrap:wrap;}
}
.prose .tags a{text-decoration:none;}
.alcard-cv{position:relative;}
.alcard-y{position:absolute;left:8px;bottom:8px;padding:3px 8px;border-radius:6px;background:rgba(8,8,10,.82);color:#fff;font:700 12px/1 var(--head);font-style:normal;letter-spacing:.04em;}
.cl-sec{margin-bottom:16px;padding:18px;}
.cl-sec .pn-h h2,.cl-sec + .pn .pn-h h2{display:flex;align-items:center;gap:8px;}
#escuchar iframe{margin-top:18px;}
.sp-embed{display:block;width:100%;height:152px;border:0;border-radius:12px;margin:10px 0;}
.ev-poster img{display:block;width:100%;height:auto;border-radius:10px;border:1px solid var(--line);}
.ev-poster{margin-bottom:16px;}
.ys-mid .artists .acard b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:15px;line-height:1.15;min-height:2.3em;}
.ys-mid .artists .acard{min-width:0;}
/* Pie de la barra lateral: redes + «¿Eres artista?» separados del menú */
.ys-sfoot{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:22px;}
.ys-sfoot .ys-social{margin-top:0;}
.ys-sfoot .ys-social > div{flex-wrap:wrap;}
.ys-sfoot .ys-social > div a{width:30px;height:30px;}
.ys-sfoot .ys-social > div svg{width:30px;height:30px;}
@media (max-width:1100px){ .ys-sfoot{margin-top:16px;padding-top:0;} }
/* Registro con 4 tipos de cuenta y tarjetas de organizador */
.seg.seg-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;}
.seg.seg-4 a{font-size:11.5px;letter-spacing:.02em;padding:0 4px;gap:5px;min-width:0;white-space:nowrap;}
.seg.seg-4 a .ic{width:14px;height:14px;flex:none;}
@media (min-width:561px) and (max-width:1300px){ .seg.seg-4 a .ic{display:none;} }
@media (max-width:560px){ .seg.seg-4{grid-template-columns:1fr 1fr;} }
.orgcard small + small{display:block;margin-top:2px;color:#ff8a92;}
.event .b-block,.cols-main .col-r > .b-block{margin-bottom:16px;}
/* ── Aula profesional: módulos, objetivos, certificado ── */
.course-cv{width:300px;aspect-ratio:16/9;}
.ccat{display:inline-block;margin-bottom:6px;padding:3px 8px;border-radius:5px;background:rgba(227,32,45,.14);color:#ff8a92;font:600 11px/1.2 var(--body);font-style:normal;text-transform:uppercase;letter-spacing:.05em;}
.cgrid.one{grid-template-columns:1fr;}
.learn{margin-bottom:16px;padding:18px;}
.learn-l{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;}
.learn-l li{display:flex;gap:9px;align-items:flex-start;font-size:14px;line-height:1.45;}
.learn-l .ic{width:17px;height:17px;flex:none;margin-top:2px;color:#4fd08a;}
.modules{display:flex;flex-direction:column;gap:10px;}
.module{border-radius:11px;border:1px solid var(--line);background:rgba(255,255,255,.02);overflow:hidden;}
.module summary{display:grid;grid-template-columns:32px minmax(0,1fr) auto 18px;align-items:center;gap:12px;padding:13px 14px;cursor:pointer;list-style:none;}
.module summary::-webkit-details-marker{display:none;}
.module summary b{font:700 16px/1.15 var(--head);text-transform:uppercase;letter-spacing:.02em;}
.module summary small{color:var(--muted);font-size:12.5px;white-space:nowrap;}
.module summary > .ic{width:16px;height:16px;transition:transform .2s;color:var(--muted);transform:rotate(-90deg);}
.module[open] summary > .ic{transform:none;}
.module[open] summary{border-bottom:1px solid var(--line-2);}
.mod-n{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:linear-gradient(180deg,#ec2533,#b3121c);font:700 15px/1 var(--head);}
.module .lessons{padding:10px;}
.facts-mini{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 0;}
.facts-mini div{padding:9px 11px;border-radius:9px;background:rgba(255,255,255,.03);border:1px solid var(--line-2);}
.facts-mini dt{font-size:11.5px;color:var(--muted);}
.facts-mini dd{margin:2px 0 0;font-weight:600;font-size:13.5px;}
.toc-mod{margin:14px 0 6px;font:700 12.5px/1.2 var(--head);letter-spacing:.06em;text-transform:uppercase;color:#ff8a92;}
.progress.sm{height:18px;margin:10px 0 4px;}
.progress.sm span{font-size:10.5px;line-height:18px;}
.prose .vcredit{font-size:12.5px;color:var(--muted);border-top:1px solid var(--line-2);padding-top:10px;margin-top:18px;}
.cert-actions{display:flex;gap:10px;justify-content:space-between;margin-bottom:14px;}
.cert{position:relative;max-width:980px;margin:0 auto;padding:56px 48px;border-radius:18px;text-align:center;background:linear-gradient(160deg,#141418,#0b0b0d);border:2px solid rgba(227,32,45,.55);box-shadow:inset 0 0 0 8px rgba(227,32,45,.08);}
.cert-logo{width:180px;height:auto;margin:0 auto 10px;display:block;}
.cert-k{margin:0 0 26px;font:600 13px/1 var(--head);letter-spacing:.2em;text-transform:uppercase;color:#ff8a92;}
.cert-t{margin:0;color:var(--muted);font-size:15px;}
.cert h1{margin:10px 0 16px;font:700 clamp(34px,5vw,58px)/1 var(--head);text-transform:uppercase;}
.cert h2{margin:10px 0 10px;font:700 clamp(22px,3vw,32px)/1.15 var(--head);}
.cert-d{color:#d4d4da;margin:0 0 32px;}
.cert-f{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;border-top:1px solid var(--line);padding-top:22px;}
.cert-f b{display:block;font:700 17px/1.2 var(--head);}
.cert-f small{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;}
@media (max-width:760px){ .learn-l{grid-template-columns:1fr;} .course-cv{display:none;} .module summary{grid-template-columns:28px minmax(0,1fr) 16px;} .module summary small{display:none;} .cert{padding:34px 18px;} }
@media print{ body{background:#fff!important;} .ys-side,.ys-top,.ys-foot,.cert-actions,#ysPlayer,.ft-nl{display:none!important;} .cert{border-color:#c4141f;background:#fff;color:#111;box-shadow:none;} .cert h1,.cert h2,.cert-f b{color:#111;} }
/* ── Comunidad interactiva ── */
.b-spotify{background:#1db954;color:#06130a;border:0;font-weight:700;}
.b-spotify:hover{background:#1ed760;}
.b-spotify .ic{width:20px;height:20px;}
.sp-open{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:6px;}
.sp-open p{margin:0;flex:1;min-width:200px;}
.comments{margin-top:16px;padding:18px;}
.comments .pn-h h2{display:flex;align-items:center;gap:8px;}
.comments .pn-h h2 .ic{width:18px;height:18px;color:var(--red);}
.cform{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:start;margin:8px 0 16px;}
.cform img{width:34px;height:34px;border-radius:50%;object-fit:cover;}
.cform textarea{width:100%;min-height:44px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:#0e0e11;color:#fff;font:inherit;font-size:14px;resize:vertical;}
.cform.reply{margin:6px 0 10px;}
.cform.guest{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;border:1px dashed rgba(255,255,255,.15);}
.cform.guest p{margin:0;font-size:14px;} .cform.guest a{color:#ff8a92;text-decoration:underline;}
.cmts-l,.cmt-replies ul{list-style:none;margin:0;padding:0;}
.cmt{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;padding:12px 0;border-top:1px solid var(--line-2);}
.cmt img{width:36px;height:36px;border-radius:50%;object-fit:cover;}
.cmt-h{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:14px;}
.cmt-h small{color:var(--muted);font-size:12px;}
.cmt-t{margin:4px 0 6px;font-size:14px;line-height:1.55;overflow-wrap:anywhere;}
.cmt-a{display:flex;gap:14px;align-items:center;flex-wrap:wrap;}
.cmt-a button,.cmt-a form button{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:none;color:var(--muted);font-size:12.5px;cursor:pointer;}
.cmt-a button:hover{color:#fff;} .cmt-a .ic{width:14px;height:14px;}
.cmt-a .cl.on{color:var(--red);} .cmt-a .cl.on .ic{fill:currentColor;}
.cmt-a form{margin:0;}
.cmt-replies{padding-left:46px;}
.cmt.is-reply{border-top:0;padding:8px 0;}
.cmt-empty{margin:4px 0 0;}
.mention{color:#ff8a92;font-weight:600;}
.ubadge{display:inline-block;margin-left:4px;padding:1px 6px;border-radius:4px;background:rgba(29,140,240,.15);color:#7fb8f5;font:600 10.5px/1.5 var(--body);font-style:normal;text-transform:uppercase;}
.ubadge.org{background:rgba(240,180,40,.15);color:#f0c45a;}
.pkind{display:inline-flex;align-items:center;gap:4px;color:#ff8a92;font-weight:600;}
.pkind .ic{width:12px;height:12px;}
.pkind.k-colaboracion{color:#7fb8f5;} .pkind.k-oportunidad{color:#f0c45a;} .pkind.k-lanzamiento{color:#5bd894;}
.post footer .post-act{text-decoration:none;}
.cmt-more{display:block;margin:6px 0;font-size:13px;color:var(--muted);text-decoration:underline;}
.composer-f select{height:34px;padding:0 10px;border-radius:8px;border:1px solid var(--line);background:#0e0e11;color:#fff;font-size:13px;}
.kinds-l{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;}
.kinds-l a{display:flex;gap:10px;align-items:flex-start;padding:9px 10px;border-radius:9px;border:1px solid var(--line-2);}
.kinds-l a:hover{border-color:rgba(227,32,45,.45);}
.kinds-l .ic{width:18px;height:18px;flex:none;margin-top:2px;color:var(--red);}
.kinds-l b{display:block;font-size:14px;} .kinds-l small{color:var(--muted);font-size:12px;}
.mini-av{display:flex;flex-wrap:wrap;gap:8px;}
.mini-av img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.1);transition:border-color .15s;}
.mini-av a:hover img{border-color:var(--red);}
.rc-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.rc-l li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;font-size:13px;}
.rc-l img{width:30px;height:30px;border-radius:50%;object-fit:cover;}
.rc-l a{color:#ff8a92;} .rc-l p{margin:2px 0 0;color:var(--muted);overflow-wrap:anywhere;}
.going-b b{margin-left:4px;font-size:12px;opacity:.8;}
.tabs small{font-size:11px;opacity:.7;}
.tabs a .ic{width:14px;height:14px;}
@media (max-width:640px){ .cform{grid-template-columns:minmax(0,1fr);} .cform img{display:none;} .cmt-replies{padding-left:22px;} }
.tabs a{display:inline-flex;align-items:center;gap:6px;}
.cmt-t a:not(.mention),.post-b a:not(.mention),.cmts p a:not(.mention){color:#7fb8f5;text-decoration:underline;text-underline-offset:2px;}
@media (min-width:761px){ .tabs{flex-wrap:wrap;overflow:visible;row-gap:4px;} }
/* ── Filtros geográficos de la agenda ── */
.geo-f{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:12px;align-items:end;padding:16px;border-radius:14px;background:var(--panel);border:1px solid var(--line);margin-bottom:12px;}
.geo-sel{display:flex;flex-direction:column;gap:6px;min-width:0;}
.geo-sel > span{display:flex;align-items:center;gap:6px;font:600 12px/1 var(--head);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);}
.geo-sel > span .ic{width:14px;height:14px;color:var(--red);}
.geo-sel select{width:100%;height:44px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:#0e0e11;color:#fff;font-size:14px;}
.geo-sel select:disabled{opacity:.45;}
.geo-act{display:flex;gap:8px;}
.geo-act .b{height:44px;}
.geo-bar{display:flex;flex-direction:column;gap:10px;margin-bottom:14px;}
.geo-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.geo-chips > span{display:inline-flex;align-items:center;gap:6px;margin-right:4px;font:600 12px/1 var(--head);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);}
.geo-chips > span .ic{width:14px;height:14px;color:var(--red);}
.geo-chips a{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:var(--panel-3);border:1px solid var(--line);font-size:13px;}
.geo-chips a b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:rgba(227,32,45,.2);color:#ff8a92;font-size:11px;}
.geo-chips a:hover,.geo-chips a.on{border-color:var(--red);}
@media (max-width:900px){ .geo-f{grid-template-columns:1fr 1fr;} .geo-act{grid-column:1/-1;} .geo-act .b{flex:1;} }
@media (max-width:560px){ .geo-f{grid-template-columns:1fr;} }

/* ── Directorio de artistas pro ── */
.spot{position:relative;margin-bottom:16px;border-radius:18px;overflow:hidden;border:1px solid rgba(227,32,45,.35);background:linear-gradient(100deg,rgba(8,8,10,.96) 30%,rgba(8,8,10,.78)),var(--sp-img) center/cover #111;}
.spot-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:26px;padding:28px;}
.spot-id{display:flex;flex-direction:column;align-items:flex-start;gap:10px;}
.spot-av img{width:130px;height:130px;border-radius:50%;object-fit:cover;border:3px solid var(--red);box-shadow:0 0 30px -6px rgba(227,32,45,.6);}
.spot h2{margin:0;display:flex;align-items:center;gap:8px;font:700 clamp(30px,3.4vw,46px)/1 var(--head);text-transform:uppercase;}
.spot-meta{margin:0;color:#d4d4da;font-size:14px;}
.spot-bio{margin:0;color:var(--muted);font-size:14px;line-height:1.55;max-width:520px;}
.spot-list{align-self:center;min-width:0;}
.az{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 14px;}
.az a{min-width:30px;height:30px;padding:0 8px;display:grid;place-items:center;border-radius:7px;background:var(--panel);border:1px solid var(--line);font:600 12.5px/1 var(--head);color:#cfcfd6;}
.az a:hover,.az a.on{border-color:var(--red);color:#fff;background:rgba(227,32,45,.15);}
.res-h{display:flex;align-items:baseline;justify-content:space-between;margin:4px 2px 10px;}
.ac2-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-bottom:16px;}
.ac2{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:var(--panel);border:1px solid var(--line);transition:border-color .2s,transform .2s;}
.ac2:hover{border-color:rgba(227,32,45,.5);transform:translateY(-3px);}
.ac2.playing{border-color:var(--red);}
.ac2-cv{position:relative;display:block;height:96px;background:#16161a center/cover;}
.ac2-cv::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(17,17,20,.95));}
.ac2-new{position:absolute;right:10px;top:10px;z-index:1;padding:3px 8px;border-radius:5px;background:var(--red);font:700 10.5px/1.3 var(--body);font-style:normal;text-transform:uppercase;letter-spacing:.04em;}
.ac2-b{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 16px 16px;margin-top:-46px;position:relative;z-index:1;text-align:center;flex:1;}
.ac2-av{position:relative;display:block;}
.ac2-av img{width:84px;height:84px;border-radius:50%;object-fit:cover;border:3px solid #111114;box-shadow:0 8px 20px -8px #000;}
.ac2-av .vf{position:absolute;right:2px;bottom:2px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#1d8cf0;border:2px solid #0d0d10;}
.ac2-av .vf .ic{width:11px;height:11px;stroke-width:3.4;}
.ac2 h3{margin:4px 0 0;font:700 20px/1.1 var(--head);text-transform:uppercase;}
.ac2 h3 a:hover{color:#ff4b56;}
.ac2-meta{margin:0;font-size:12.5px;color:var(--muted);}
.ac2-st{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:100%;margin:6px 0 2px;padding:8px 0;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);}
.ac2-st dt{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;}
.ac2-st dd{margin:2px 0 0;font:700 16px/1 var(--head);}
.ac2-last{display:flex;align-items:center;gap:9px;width:100%;padding:7px 8px;border-radius:9px;background:rgba(255,255,255,.03);text-align:left;}
.ac2-last img{width:36px;height:36px;border-radius:5px;object-fit:cover;flex:none;}
.ac2-last span{min-width:0;}
.ac2-last small{display:block;font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;}
.ac2-last b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ac2-a{display:flex;gap:6px;justify-content:center;margin-top:auto;padding-top:8px;}
.fresh{margin-top:4px;}
/* ── Álbumes pro ── */
.feat-al{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:center;margin-bottom:16px;padding:26px;border-radius:18px;border:1px solid rgba(227,32,45,.35);background:linear-gradient(100deg,rgba(8,8,10,.95) 35%,rgba(8,8,10,.8)),var(--fa-img) center/cover #111;}
.feat-cv img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;box-shadow:0 30px 60px -20px #000;}
.feat-b{display:flex;flex-direction:column;align-items:flex-start;gap:10px;}
.feat-b h2{margin:0;font:700 clamp(30px,3.6vw,50px)/1 var(--head);text-transform:uppercase;}
.feat-ar{margin:0;font-size:16px;color:#ff8a92;font-weight:600;}
.feat-d{margin:0;color:#d4d4da;line-height:1.6;max-width:640px;}
.alb-sec,.cl-sec{margin-bottom:16px;padding:18px;}
.chips-f{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 16px;}
.chips-f a{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:999px;background:var(--panel-3);border:1px solid var(--line);font-size:13px;}
.chips-f a b{font-size:11px;color:#ff8a92;}
.chips-f a:hover,.chips-f a.on{border-color:var(--red);background:rgba(227,32,45,.14);}
.alb2-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px 16px;}
.alb2{position:relative;}
.alb2-cv{position:relative;display:block;aspect-ratio:1;border-radius:11px;overflow:hidden;border:1px solid var(--line);box-shadow:0 18px 34px -20px #000;}
.alb2-cv img{width:100%;height:100%;object-fit:cover;transition:transform .3s;}
.alb2:hover .alb2-cv img{transform:scale(1.04);}
.alb2-cv i{position:absolute;left:8px;top:8px;padding:3px 8px;border-radius:5px;background:rgba(8,8,10,.82);font:700 11px/1.2 var(--head);font-style:normal;text-transform:uppercase;letter-spacing:.05em;}
.alb2-play{position:absolute;right:10px;top:10px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:0;background:var(--red);color:#fff;cursor:pointer;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s;box-shadow:0 10px 24px -6px rgba(227,32,45,.8);}
.alb2-play .ic{width:18px;height:18px;margin-left:2px;}
.alb2:hover .alb2-play,.alb2-play:focus-visible{opacity:1;transform:none;}
.alb2-b{padding-top:10px;}
.alb2-b b{display:block;font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.alb2-ar{display:block;font-size:13px;color:#7fa1d6;}
.alb2-b small{display:block;margin-top:2px;font-size:12px;color:var(--muted);}
.dec-blk{margin-top:18px;}
.dec-h{display:flex;align-items:baseline;gap:12px;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--line-2);}
.dec-h span{font:700 28px/1 var(--head);text-transform:uppercase;color:var(--red);}
.dec-h small{color:var(--muted);font-size:13.5px;}
@media (max-width:900px){ .spot-in{grid-template-columns:1fr;} .feat-al{grid-template-columns:1fr;} .feat-cv{max-width:240px;} }
@media (max-width:560px){ .ac2-grid{grid-template-columns:1fr;} .alb2-grid{grid-template-columns:1fr 1fr;} .alb2-play{opacity:1;transform:none;} .dec-h{flex-direction:column;gap:4px;} }

.spot-list .tr-g,.spot-list .tr-add{display:none;}
.spot-list .tlist{background:rgba(8,8,10,.55);border-radius:12px;padding:6px;}
.alb-sec .pn-h h2,.cl-sec .pn-h h2{display:flex;align-items:center;gap:8px;}
.alb-sec .pn-h h2 .ic,.cl-sec .pn-h h2 .ic{width:18px;height:18px;color:var(--red);}
.spot-list .tr{grid-template-columns:28px 44px minmax(0,1fr) 54px 42px 30px;gap:10px;}

/* ── Cursor con el logo (solo dispositivos con mouse) ── */
@media (hover:hover) and (pointer:fine){
  html,body{cursor:url(/assets/img/cursor.png?v=3) 4 4,auto;}
  a,button,summary,label,select,[role=button],[data-play],[data-track],[data-follow],[data-like],.b,.btn-r,.tabs a,.chip,.geo-chips a,input[type=checkbox],input[type=radio],input[type=range],input[type=submit],input[type=file]{cursor:url(/assets/img/cursor-link.png?v=3) 4 4,pointer;}
  input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]):not([type=file]),textarea,[contenteditable=true]{cursor:text;}
  button:disabled,[disabled]{cursor:not-allowed;}
}

/* ── Radio: estado al aire + insignias de la app ── */
.onair{display:inline-flex;align-items:center;gap:6px;margin-left:8px;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.08);font:700 11px/1 var(--head);letter-spacing:.08em;color:var(--muted);vertical-align:middle;}
.onair i{width:8px;height:8px;border-radius:50%;background:#666;}
.onair.on{background:rgba(227,32,45,.18);color:#ff6b74;} .onair.on i{background:#e3202d;animation:onair 1.2s infinite;}
@keyframes onair{50%{opacity:.3}}
.appb{display:flex;flex-wrap:wrap;gap:10px;}
.appb-b{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 18px 0 14px;border-radius:12px;background:#000;border:1px solid rgba(255,255,255,.28);color:#fff;transition:border-color .2s,transform .2s;}
a.appb-b:hover{border-color:#fff;transform:translateY(-2px);}
.appb-b svg{width:26px;height:26px;flex:none;}
.appb-b small{display:block;font-size:10.5px;line-height:1.1;color:#ccc;text-transform:uppercase;letter-spacing:.04em;}
.appb-b b{display:block;font-size:18px;line-height:1.1;font-weight:600;}
.appb-b.soon{opacity:.75;cursor:default;}
.appb.ft{margin:4px 0 14px;} .appb.ft .appb-b{height:44px;padding:0 14px 0 11px;} .appb.ft .appb-b b{font-size:15px;} .appb.ft .appb-b svg{width:22px;height:22px;}
.app-sec{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:16px 0;padding:22px;border:1px solid rgba(227,32,45,.3);background:linear-gradient(110deg,rgba(227,32,45,.14),var(--panel) 60%);}
.app-sec h2{margin:6px 0 6px;font:700 26px/1.1 var(--head);text-transform:uppercase;}
.app-sec p{margin:0;color:#d4d4da;max-width:560px;}

/* ══ Música 2026: descubrir, nueva música, top, playlists, cypher ══ */
.dsec{margin-bottom:16px;padding:18px;}
.dsub{margin:-6px 0 12px;font-size:13.5px;}
.clg{display:grid;grid-template-columns:1fr 1fr;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#16161a;box-shadow:0 16px 30px -18px #000;}
.clg img{width:100%;height:100%;object-fit:cover;display:block;}
.clg.one{grid-template-columns:1fr;}
.ggrid2{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;}
.gc2{position:relative;display:block;border-radius:12px;overflow:hidden;}
.gc2 .clg{border-radius:12px;transition:transform .3s;}
.gc2:hover .clg{transform:scale(1.03);}
.gc2-b{position:absolute;inset:auto 0 0 0;padding:28px 12px 10px;background:linear-gradient(180deg,transparent,rgba(8,8,10,.92) 55%);}
.gc2-b b{display:block;font:700 20px/1.05 var(--head);text-transform:uppercase;}
.gc2-b small{font-size:12px;color:#d4d4da;}
.ggen-more{margin:14px 2px 0;} .ggen-more a{color:#ff8a92;}
.routes,.lc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;}
.routes{margin-bottom:16px;}
.lc{position:relative;display:block;padding:10px;border-radius:14px;background:var(--panel);border:1px solid var(--line);transition:border-color .2s,transform .2s;}
.lc:hover{border-color:rgba(227,32,45,.5);transform:translateY(-3px);}
.lc b{display:block;margin-top:10px;font:700 17px/1.1 var(--head);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.lc small{display:block;margin-top:3px;font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.lc-badge{position:absolute;left:18px;top:18px;padding:3px 8px;border-radius:5px;background:var(--red);font:700 10.5px/1.3 var(--body);font-style:normal;text-transform:uppercase;letter-spacing:.05em;}
.lc-play{position:absolute;right:18px;top:calc(10px + (100% - 66px) - 52px);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--red);opacity:0;transform:translateY(6px);transition:.2s;box-shadow:0 10px 24px -6px rgba(227,32,45,.8);}
.lc-play .ic{width:18px;height:18px;margin-left:2px;}
.lc:hover .lc-play{opacity:1;transform:none;}
.cities{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;}
.city{display:grid;grid-template-columns:20px 1fr;gap:2px 8px;align-items:center;padding:12px 14px;border-radius:11px;background:var(--panel-2);border:1px solid var(--line);}
.city:hover{border-color:rgba(227,32,45,.5);}
.city .ic{width:18px;height:18px;color:var(--red);grid-row:span 2;}
.city b{font:700 17px/1 var(--head);text-transform:uppercase;} .city small{font-size:12px;color:var(--muted);}
.nm-lead{display:grid;grid-template-columns:220px minmax(0,1fr);gap:26px;align-items:center;margin:0 0 16px;padding:22px;border-radius:18px;border:1px solid rgba(227,32,45,.3);background:linear-gradient(100deg,rgba(8,8,10,.94) 35%,rgba(8,8,10,.75)),var(--nm-img) center/cover #111;}
.nm-cv img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;box-shadow:0 30px 50px -20px #000;}
.nm-b{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;}
.nm-b h2{margin:0;font:700 clamp(28px,3.4vw,46px)/1 var(--head);text-transform:uppercase;}
.nm-ar{margin:0;font-size:17px;font-weight:600;} .nm-ar a{color:#ff8a92;}
.nm-b p.muted{margin:0;}
.nm-grp{margin-bottom:14px;}
.podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:16px;align-items:end;margin:0 0 16px;}
.pod{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 14px 16px;border-radius:16px;text-align:center;background:var(--panel);border:1px solid var(--line);}
.pod.p1{padding-top:26px;border-color:rgba(240,180,40,.6);background:linear-gradient(180deg,rgba(240,180,40,.16),var(--panel) 60%);}
.pod.p2{border-color:rgba(200,200,210,.4);} .pod.p3{border-color:rgba(205,127,50,.5);}
.pod-n{position:absolute;top:-14px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font:700 18px/1 var(--head);color:#111;background:#c8c8d2;box-shadow:0 6px 14px -4px #000;}
.pod.p1 .pod-n{background:linear-gradient(180deg,#ffd75e,#e9a514);width:42px;height:42px;font-size:21px;top:-18px;}
.pod.p3 .pod-n{background:linear-gradient(180deg,#e8a06a,#b06b30);}
.pod-cv{position:relative;width:min(180px,80%);aspect-ratio:1;padding:0;border:0;border-radius:12px;overflow:hidden;cursor:pointer;background:none;margin-bottom:8px;}
.pod.p1 .pod-cv{width:min(220px,86%);}
.pod-cv img{width:100%;height:100%;object-fit:cover;}
.pod-cv span{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.35);opacity:0;transition:.2s;}
.pod-cv span .ic{width:40px;height:40px;color:#fff;}
.pod:hover .pod-cv span,.pod.playing .pod-cv span{opacity:1;}
.pod b{font:700 19px/1.1 var(--head);text-transform:uppercase;} .pod small{font-size:13px;color:#7fa1d6;}
.pod em{display:inline-flex;align-items:center;gap:5px;margin-top:4px;font-style:normal;font-size:12.5px;color:var(--muted);} .pod em .ic{width:14px;height:14px;}
.toplist{list-style:none;margin:0;padding:0;}
.trk{display:grid;grid-template-columns:34px 44px 46px minmax(0,1fr) 70px 34px;align-items:center;gap:12px;padding:7px 8px;border-radius:9px;}
.trk:hover,.trk.playing{background:rgba(255,255,255,.04);}
.trk-n{font:700 20px/1 var(--head);text-align:center;color:#cfcfd6;}
.trk:nth-child(-n+3) .trk-n{color:#ffd75e;}
.trk-cv{position:relative;width:46px;height:46px;padding:0;border:0;border-radius:6px;overflow:hidden;background:none;cursor:pointer;}
.trk-cv img{width:100%;height:100%;object-fit:cover;}
.trk-cv span{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.45);opacity:0;}
.trk-cv span .ic{width:18px;height:18px;}
.trk:hover .trk-cv span,.trk.playing .trk-cv span{opacity:1;}
.trk-t{min-width:0;} .trk-t b{display:block;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .trk-t small{display:block;font-size:12.5px;color:#7fa1d6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.trk-p{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--muted);} .trk-p .ic{width:14px;height:14px;}
.tr-tr{display:inline-block;min-width:38px;padding:3px 6px;border-radius:6px;font:700 11.5px/1 var(--body);text-align:center;}
.tr-tr.up{background:rgba(36,160,90,.18);color:#5bd894;} .tr-tr.down{background:rgba(227,32,45,.16);color:#ff6b74;} .tr-tr.new{background:rgba(240,180,40,.18);color:#f0c45a;text-transform:uppercase;font-size:10px;} .tr-tr.eq{color:var(--muted);}
.pod .tr-tr{margin-top:4px;}
.ta-l{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;}
.ta-l li{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;}
.ta-l li > span{font:700 16px/1 var(--head);color:var(--muted);text-align:center;}
.ta-l a{display:flex;align-items:center;gap:9px;min-width:0;} .ta-l img{width:40px;height:40px;border-radius:50%;object-fit:cover;}
.ta-l b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .ta-l small{font-size:12px;color:var(--muted);}
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 16px;}
.steps3 > div{padding:18px;border-radius:14px;background:var(--panel);border:1px solid var(--line);}
.steps3 b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(180deg,#ec2533,#b3121c);font:700 17px/1 var(--head);}
.steps3 h3{margin:10px 0 4px;font:700 18px/1.1 var(--head);text-transform:uppercase;} .steps3 p{margin:0;font-size:13.5px;color:var(--muted);}
.kbd{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:5px;background:var(--panel-3);border:1px solid var(--line);color:#fff;font-weight:700;}
.vcta{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 14px;padding:14px 18px;border:1px solid rgba(227,32,45,.3);background:linear-gradient(110deg,rgba(227,32,45,.14),var(--panel) 60%);}
.vcta b{display:flex;align-items:center;gap:8px;font:700 17px/1.1 var(--head);text-transform:uppercase;} .vcta b .ic{width:18px;height:18px;color:var(--red);}
.vcta span{display:block;margin-top:3px;font-size:13.5px;color:#d4d4da;}
.vprev img{width:100%;max-width:420px;aspect-ratio:16/9;object-fit:cover;border-radius:10px;border:1px solid var(--line);}
.myv{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.myv li{display:grid;grid-template-columns:80px minmax(0,1fr);gap:10px;align-items:center;font-size:13px;}
.myv img{width:80px;height:45px;object-fit:cover;border-radius:6px;} .myv b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .myv a{color:#ff8a92;}
@media (max-width:900px){ .nm-lead{grid-template-columns:1fr;} .nm-cv{max-width:220px;} .steps3{grid-template-columns:1fr;} }
@media (max-width:640px){ .podium{grid-template-columns:1fr;} .podium .p2{order:2;} .podium .p1{order:1;} .podium .p3{order:3;} .trk{grid-template-columns:26px 40px 42px minmax(0,1fr) 30px;} .trk-p{display:none;} .ggrid2,.routes,.lc-grid{grid-template-columns:1fr 1fr;} }
.trk{grid-template-columns:48px 46px minmax(0,1fr) 70px 34px;}
.trk-n{display:flex;flex-direction:column;align-items:center;gap:3px;}
.trk-n b{font:700 20px/1 var(--head);}
.trk-n .tr-tr{min-width:0;padding:2px 5px;font-size:10px;}
@media (max-width:640px){ .trk{grid-template-columns:40px 42px minmax(0,1fr) 30px;} }

/* ══ Noticias por lugar ══ */
.nw-f{grid-template-columns:repeat(4,minmax(0,1fr)) auto;}
.nw-chips{margin:0 0 14px;}
.nw-loc{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;color:#ff8a92;}
.nw-loc .ic{width:12px;height:12px;}
.nw .nw-loc{margin:10px 14px -4px;}
.lead-b .nw-loc{margin-left:8px;}
.art-loc{display:inline-flex;align-items:center;gap:4px;color:#ff8a92;font-weight:600;}
.art-loc .ic{width:14px;height:14px;}
.nw-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));}
.up-sec .pn-h h2{display:flex;align-items:center;gap:7px;} .up-sec .pn-h h2 .ic{width:16px;height:16px;color:var(--red);}
.upl{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:8px;}
.upl a{display:grid;grid-template-columns:50px minmax(0,1fr);gap:10px;align-items:center;padding:8px;border-radius:10px;background:var(--panel-2);border:1px solid var(--line-2);}
.upl a:hover{border-color:rgba(227,32,45,.5);}
.upd{display:flex;flex-direction:column;align-items:center;justify-content:center;height:52px;border-radius:9px;background:linear-gradient(180deg,#ec2533,#b3121c);}
.upd b{font:700 21px/1 var(--head);} .upd small{font:600 10.5px/1 var(--head);text-transform:uppercase;letter-spacing:.06em;}
.upt{min-width:0;} .upt b{display:block;font-size:13.5px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.upt small{display:flex;align-items:center;gap:4px;margin-top:3px;font-size:11.5px;color:var(--muted);} .upt small .ic{width:12px;height:12px;}
@media (max-width:900px){ .nw-f{grid-template-columns:1fr 1fr;} }
@media (max-width:560px){ .nw-f{grid-template-columns:1fr;} }

/* ══ Radio: consola de DJ ══ */
.dj{position:relative;margin-bottom:16px;padding:0 0 18px;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(circle at 50% 0,rgba(227,32,45,.22),transparent 55%),linear-gradient(180deg,#121216,#09090b);}
.dj .bc{padding:16px 24px 0;}
.dj-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:10px 26px 18px;}
.dj-head h1{margin:6px 0 4px;font:700 clamp(34px,4.4vw,60px)/1 var(--head);text-transform:uppercase;}
.dj-head p{margin:0;color:#cfcfd6;max-width:560px;}
.onair-lamp{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:10px;border:2px solid #3a3a42;background:#16161a;font:700 18px/1 var(--head);letter-spacing:.14em;color:#55555e;}
.onair-lamp i{width:14px;height:14px;border-radius:50%;background:#3a3a42;}
.onair-lamp.on{border-color:#e3202d;color:#fff;background:#2a0b0e;box-shadow:0 0 24px -4px rgba(227,32,45,.8);}
.onair-lamp.on i{background:#ff2a3a;box-shadow:0 0 12px #ff2a3a;animation:onair 1.2s infinite;}
.console{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px) minmax(0,1fr);gap:18px;align-items:stretch;margin:0 22px;padding:22px;border-radius:16px;background:linear-gradient(180deg,#2a2a31,#17171b);border:1px solid #3a3a44;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 60px -30px #000;}
.deck{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px;border-radius:14px;background:linear-gradient(160deg,#1c1c21,#101013);border:1px solid #33333b;}
.platter{width:min(100%,270px);aspect-ratio:1;border-radius:50%;padding:7%;background:radial-gradient(circle,#2b2b31 60%,#1a1a1e 61%,#26262c 70%,#111 71%);box-shadow:0 18px 30px -16px #000,inset 0 0 0 3px #3b3b44;}
.vinyl{position:relative;width:100%;height:100%;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,#0b0b0d 0 2px,#16161a 3px 4px);box-shadow:inset 0 0 0 2px #000;}
.vinyl::after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 30deg,transparent 0 40deg,rgba(255,255,255,.07) 55deg,transparent 70deg 210deg,rgba(255,255,255,.05) 225deg,transparent 240deg);}
.label{position:relative;z-index:1;width:36%;aspect-ratio:1;border-radius:50%;overflow:hidden;border:3px solid #e3202d;background:#111;}
.label img{width:100%;height:100%;object-fit:cover;}
.label::after{content:"";position:absolute;left:50%;top:50%;width:9%;height:9%;margin:-4.5%;border-radius:50%;background:#ddd;}
body.radio-on .dj .vinyl{animation:spin 1.8s linear infinite;}
.deck-b .vinyl{animation-direction:normal;}
@keyframes spin{to{transform:rotate(360deg)}}
.arm{position:absolute;right:8%;top:10%;width:12px;height:48%;transform-origin:50% 8%;transform:rotate(12deg);transition:transform .8s;}
.arm::before{content:"";position:absolute;left:50%;top:0;width:26px;height:26px;margin-left:-13px;border-radius:50%;background:radial-gradient(circle,#999,#444);box-shadow:0 4px 8px #000;}
.arm i{position:absolute;left:50%;top:12px;bottom:0;width:5px;margin-left:-2.5px;border-radius:3px;background:linear-gradient(90deg,#bbb,#666);}
.arm i::after{content:"";position:absolute;left:-5px;bottom:-6px;width:15px;height:20px;border-radius:3px;background:#2a2a30;border:1px solid #555;}
body.radio-on .dj .arm{transform:rotate(30deg);}
.deck-ctl{display:flex;align-items:center;gap:8px;width:100%;justify-content:center;}
.dk-btn{display:grid;place-items:center;min-width:52px;height:30px;padding:0 8px;border-radius:7px;background:#0d0d10;border:1px solid #3a3a44;font:700 11px/1 var(--head);letter-spacing:.08em;color:#9a9aa5;}
.dk-btn.red{color:#ff6b74;border-color:rgba(227,32,45,.6);}
body.radio-on .dj .dk-btn.red{background:#e3202d;color:#fff;box-shadow:0 0 14px -2px rgba(227,32,45,.9);}
.pitch{position:relative;width:12px;height:60px;border-radius:6px;background:#0b0b0d;border:1px solid #3a3a44;}
.pitch i{position:absolute;left:-6px;top:40%;width:22px;height:10px;border-radius:3px;background:linear-gradient(180deg,#ddd,#888);}
.deck-name{font:700 11px/1 var(--head);letter-spacing:.14em;color:#6d6d78;}
.mixer{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:16px;border-radius:14px;background:linear-gradient(180deg,#1f1f25,#121215);border:1px solid #3a3a44;}
.lcd{padding:12px 14px;border-radius:10px;background:linear-gradient(180deg,#0f1a12,#08100a);border:2px solid #20301f;box-shadow:inset 0 0 18px rgba(0,0,0,.8);font-family:ui-monospace,Consolas,monospace;color:#5dff8a;text-shadow:0 0 6px rgba(93,255,138,.6);}
.dj:not(.is-live) .lcd{color:#ffb03a;text-shadow:0 0 6px rgba(255,176,58,.5);background:linear-gradient(180deg,#1a140b,#100b05);border-color:#3a2a14;}
.lcd-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;}
.lcd-row.small{font-size:11.5px;opacity:.85;} .lcd-row .ic{width:13px;height:13px;vertical-align:-2px;margin-right:3px;}
.lcd-title{display:flex;overflow:hidden;white-space:nowrap;margin:8px 0;font-size:17px;font-weight:700;letter-spacing:.04em;}
.lcd-title span{flex:none;animation:marquee 18s linear infinite;}
@keyframes marquee{to{transform:translateX(-100%)}}
.vu{display:grid;grid-template-columns:1fr 1fr;gap:10px;height:96px;padding:8px;border-radius:9px;background:#0a0a0c;border:1px solid #2a2a32;}
.vu-ch{display:flex;flex-direction:column-reverse;gap:3px;}
.vu-ch i{flex:1;border-radius:2px;background:#1b2a1d;}
.vu-ch i:nth-child(n+10){background:#2e2a14;} .vu-ch i:nth-child(n+13){background:#2e1416;}
body.radio-on .dj .vu-ch i{animation:vu .6s ease-in-out infinite alternate;animation-delay:calc(var(--d) * -1);}
body.radio-on .dj .vu-ch i:nth-child(-n+9){--on:#3dff6e;} body.radio-on .dj .vu-ch i:nth-child(n+10){--on:#ffd23d;} body.radio-on .dj .vu-ch i:nth-child(n+13){--on:#ff3a46;}
@keyframes vu{0%{background:var(--on);box-shadow:0 0 6px var(--on)}60%{background:var(--on)}100%{background:#1a1a1e;box-shadow:none}}
.knobs{display:flex;justify-content:space-between;}
.knob{display:flex;flex-direction:column;align-items:center;gap:5px;}
.knob i{position:relative;width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#555,#18181c 70%);border:2px solid #0b0b0d;box-shadow:0 4px 8px #000;}
.knob i::after{content:"";position:absolute;left:50%;top:4px;width:3px;height:11px;margin-left:-1.5px;border-radius:2px;background:#e3202d;}
.knob:nth-child(2) i{transform:rotate(-40deg);} .knob:nth-child(3) i{transform:rotate(35deg);} .knob:nth-child(4) i{transform:rotate(80deg);}
.knob small{font:700 10px/1 var(--head);letter-spacing:.1em;color:#77777f;}
.big-play{display:flex;align-items:center;justify-content:center;gap:10px;height:64px;border-radius:14px;border:0;cursor:pointer;background:linear-gradient(180deg,#ff3442,#b3121c);color:#fff;font:700 18px/1 var(--head);text-transform:uppercase;letter-spacing:.06em;box-shadow:0 12px 26px -10px rgba(227,32,45,.9),inset 0 1px 0 rgba(255,255,255,.3);transition:transform .15s;}
.big-play:hover{transform:translateY(-2px);} .big-play:active{transform:translateY(1px);}
.big-play .ic{width:26px;height:26px;}
.big-play.off{background:#2a2a30;color:#9a9aa5;box-shadow:none;cursor:default;}
.fader-l{display:flex;flex-direction:column;gap:6px;font:700 11px/1 var(--head);letter-spacing:.12em;color:#8a8a95;}
.fader-l input{width:100%;accent-color:#e3202d;}
.xfader{display:flex;align-items:center;gap:10px;font:700 11px/1 var(--head);color:#77777f;}
.xfader span{position:relative;flex:1;height:12px;border-radius:6px;background:#0b0b0d;border:1px solid #3a3a44;}
.xfader i{position:absolute;left:50%;top:-6px;width:20px;height:22px;margin-left:-10px;border-radius:4px;background:linear-gradient(180deg,#eee,#888);box-shadow:0 3px 6px #000;}
body.radio-on .dj .xfader i{animation:xf 4s ease-in-out infinite alternate;}
@keyframes xf{from{left:35%}to{left:65%}}
.dj-note{margin:16px 22px 0;}
.dj-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 24px 0;}
.dj-foot .ic{width:15px;height:15px;}
.sched-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;}
.sched-l li{display:grid;grid-template-columns:52px 1fr;gap:10px;font-size:13.5px;} .sched-l b{font:700 16px/1.2 var(--head);color:#ff8a92;} .sched-l small{display:block;color:var(--muted);font-size:12px;}
@media (max-width:1100px){ .console{grid-template-columns:1fr 1fr;} .mixer{grid-column:1/-1;order:-1;} }
@media (max-width:640px){ .console{grid-template-columns:1fr;margin:0 12px;padding:14px;} .deck-b{display:none;} .dj-head{flex-direction:column;padding:10px 16px 14px;} .platter{width:min(100%,220px);} }
.mixer,.deck,.lcd,.lcd-title{min-width:0;}
@media (max-width:1100px){ .console{grid-template-columns:minmax(0,1fr) minmax(0,1fr);} }
@media (max-width:640px){ .console{grid-template-columns:minmax(0,1fr);} .dj-head{flex-direction:row;align-items:flex-start;} .onair-lamp{font-size:13px;padding:7px 10px;flex:none;} .dj .bc{padding:14px 16px 0;} .dj-note{margin:14px 12px 0;} .dj-foot{margin:12px 16px 0;} }

/* ══ Academia (Aula Virtual) ══ */
.sch-ic{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:12px;color:var(--sc,#e3202d);background:color-mix(in srgb,var(--sc,#e3202d) 16%,transparent);border:1px solid color-mix(in srgb,var(--sc,#e3202d) 40%,transparent);}
.sch-ic .ic{width:22px;height:22px;} .sch-ic.sm{width:32px;height:32px;border-radius:9px;} .sch-ic.sm .ic{width:16px;height:16px;} .sch-ic.lg{width:84px;height:84px;border-radius:20px;} .sch-ic.lg .ic{width:42px;height:42px;}
.sec-h2{margin:6px 0 14px;} .sec-h2 h2{margin:0;font:700 30px/1 var(--head);text-transform:uppercase;} .sec-h2 p{margin:6px 0 0;color:var(--muted);}
.schools{margin:0 0 16px;}
.sch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.sch{position:relative;display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:14px;overflow:hidden;background:linear-gradient(160deg,color-mix(in srgb,var(--sc) 12%,var(--panel)),var(--panel) 60%);border:1px solid var(--line);transition:transform .15s,border-color .15s;}
.sch::after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--sc) 30%,transparent),transparent 70%);}
.sch:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--sc) 60%,transparent);}
.sch b{font:700 21px/1.05 var(--head);text-transform:uppercase;} .sch p{margin:0;color:#cfcfd6;font-size:13.5px;flex:1;} .sch small{color:var(--muted);font-size:12.5px;}
.sch-lv{display:flex;gap:4px;} .sch-lv i{width:22px;height:4px;border-radius:2px;background:#2a2a30;} .sch-lv i.on{background:var(--sc);}
.ac-join{display:flex;align-items:center;gap:16px;flex-wrap:wrap;} .ac-join > div:not(.ac-join-a){flex:1;min-width:220px;} .ac-join b{font:700 20px/1.1 var(--head);text-transform:uppercase;} .ac-join p{margin:4px 0 0;color:var(--muted);} .ac-join-a{display:flex;gap:8px;flex-wrap:wrap;}
.my-learn .ml-l{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.ml{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center;padding:10px;border-radius:12px;background:#121215;border:1px solid var(--line);}
.ml:hover{border-color:rgba(227,32,45,.5);} .ml img{width:96px;height:54px;object-fit:cover;border-radius:7px;}
.ml-t b{display:block;font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ml em{grid-column:1/-1;display:flex;align-items:center;gap:6px;font-style:normal;font-weight:700;font-size:12.5px;color:#ff8a92;} .ml em .ic{width:14px;height:14px;}
.ac-pr{display:block;position:relative;margin-top:8px;height:6px;border-radius:3px;background:#26262c;} .ac-pr i{position:absolute;left:0;top:0;bottom:0;border-radius:3px;background:linear-gradient(90deg,#e3202d,#ff6b74);}
.ac-pr.ok i{background:linear-gradient(90deg,#1fbf5b,#5dff8a);} .ac-pr small{position:absolute;right:0;top:9px;font-size:11px;color:var(--muted);}
.ac-pr + *{margin-top:18px;}
.ac-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:16px;}
.ac-search{flex:1;min-width:240px;display:flex;align-items:center;gap:10px;padding:0 14px;height:48px;border-radius:12px;background:#0f0f12;border:1px solid var(--line);} .ac-search:focus-within{border-color:#e3202d;}
.ac-search .ic{width:18px;height:18px;color:var(--muted);} .ac-search input{flex:1;min-width:0;background:none;border:0;outline:0;color:inherit;font-size:15px;}
.chips-f button{padding:7px 13px;border-radius:999px;border:1px solid var(--line);background:#141418;color:#cfcfd6;font:600 13px/1 var(--body);cursor:pointer;} .chips-f button.on,.chips-f button:hover{background:#e3202d;border-color:#e3202d;color:#fff;}
.sch-row{margin-bottom:22px;} .sch-row:last-child{margin-bottom:0;}
.sch-row-h{display:flex;align-items:center;gap:10px;margin-bottom:10px;} .sch-row-h b{font:700 20px/1 var(--head);text-transform:uppercase;} .sch-row-h small{color:var(--muted);font-size:12.5px;}
.sch-row-h a{margin-left:auto;display:flex;align-items:center;gap:4px;font-size:13px;font-weight:700;color:var(--sc,#ff8a92);} .sch-row-h a .ic{width:14px;height:14px;}
.ac-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,calc((100% - 36px)/4));gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:thin;}
.ac-rail > *{scroll-snap-align:start;}
.ac-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;}
.ac{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;background:#121215;border:1px solid var(--line);transition:transform .15s,border-color .15s;}
.ac[hidden]{display:none;}
.ac:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--sc) 60%,transparent);}
.ac-cv{position:relative;display:block;aspect-ratio:16/8;background:#16161a center/cover;border-bottom:3px solid var(--sc);}
.ac-step{position:absolute;left:10px;bottom:-14px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--sc);color:#111;font:700 15px/1 var(--head);font-style:normal;box-shadow:0 0 0 3px #121215;}
.ac-lv{position:absolute;top:10px;right:10px;padding:4px 8px;border-radius:5px;font:700 10.5px/1.2 var(--body);font-style:normal;text-transform:uppercase;letter-spacing:.05em;background:rgba(0,0,0,.78);}
.ac-lv.lv-b{color:#5dff8a;} .ac-lv.lv-i{color:#ffd23d;} .ac-lv.lv-a{color:#ff6b74;}
.ac-b{display:flex;flex-direction:column;flex:1;padding:18px 14px 14px;}
.ac-sc{display:flex;align-items:center;gap:5px;color:var(--sc);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;} .ac-sc .ic{width:13px;height:13px;}
.ac b{margin:5px 0 0;font:700 18px/1.1 var(--head);text-transform:uppercase;}
.ac p{margin:6px 0 10px;color:#bdbdc6;font-size:13px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.ac-m{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:12px;} .ac-m span{display:flex;align-items:center;gap:4px;} .ac-m .ic{width:13px;height:13px;}
.ac .ac-pr{margin-bottom:14px;}
.sch-hero{position:relative;margin-bottom:12px;padding:0 0 26px;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(90deg,rgba(9,9,11,.97) 35%,rgba(9,9,11,.75)),var(--ph-img) center/cover;}
.sch-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--sc) 35%,transparent),transparent 55%);pointer-events:none;}
.sch-hero .bc{position:relative;padding:16px 26px 0;}
.sch-in{position:relative;display:flex;gap:22px;align-items:flex-start;padding:14px 26px 0;}
.sch-in h1{margin:6px 0 6px;font:700 clamp(32px,4.2vw,56px)/1 var(--head);text-transform:uppercase;} .sch-in p{margin:0 0 12px;color:#d4d4da;max-width:620px;}
.sch-nav{display:flex;gap:8px;overflow-x:auto;margin-bottom:14px;padding-bottom:4px;}
.sch-nav a{flex:none;display:flex;align-items:center;gap:7px;padding:9px 14px;border-radius:999px;border:1px solid var(--line);background:#141418;font-size:13px;font-weight:600;white-space:nowrap;}
.sch-nav a .ic{width:15px;height:15px;color:var(--sc,#aaa);} .sch-nav a.on,.sch-nav a:hover{border-color:var(--sc,#e3202d);background:color-mix(in srgb,var(--sc,#e3202d) 18%,#141418);}
.rt-lv{position:relative;padding-left:44px;margin-top:18px;} .rt-lv::before{content:"";position:absolute;left:15px;top:34px;bottom:-14px;width:2px;background:linear-gradient(#e3202d,transparent);}
.rt-lv:last-child::before{display:none;}
.rt-h{display:flex;align-items:center;gap:10px;margin:0 0 12px -44px;} .rt-n{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e3202d;font:700 16px/1 var(--head);flex:none;}
.rt-h b{font:700 19px/1 var(--head);text-transform:uppercase;} .rt-h small{color:var(--muted);font-size:12.5px;}
.ac-how{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:14px;margin:16px 0;}
.steps4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:18px;border-radius:14px;background:var(--panel);border:1px solid var(--line);}
.steps4 span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e3202d;font:700 17px/1 var(--head);margin-bottom:10px;}
.steps4 b{display:block;font:700 17px/1.1 var(--head);text-transform:uppercase;} .steps4 p{margin:5px 0 0;font-size:13px;color:var(--muted);}
.cert-mini{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:14px;background:var(--panel);border:1px solid var(--line);}
.cm-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px;border-radius:10px;text-align:center;background:linear-gradient(160deg,#17171b,#0d0d10);border:2px solid rgba(227,32,45,.55);box-shadow:inset 0 0 0 5px rgba(227,32,45,.08);transform:rotate(-1.5deg);}
.cm-card img{width:70px;height:auto;} .cm-card small{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#ff8a92;} .cm-card b{font:700 22px/1.1 var(--head);text-transform:uppercase;}
.cm-card i{width:60%;height:1px;background:var(--line);margin:4px 0;} .cm-card em{font-style:normal;font-size:11px;color:var(--muted);}
.ver-f{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;} .ver-f label{flex:1;min-width:200px;display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#cfcfd6;}
.ver-f input{height:46px;padding:0 14px;border-radius:10px;background:#0f0f12;border:1px solid var(--line);color:inherit;font:600 16px/1 ui-monospace,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;}
.ver-f.sm input{height:42px;font-size:14px;}
.ver-box{max-width:820px;} .ver-ok,.ver-no{display:flex;gap:14px;margin-top:18px;padding:16px;border-radius:12px;}
.ver-ok{background:rgba(31,191,91,.1);border:1px solid rgba(31,191,91,.5);} .ver-no{background:rgba(227,32,45,.08);border:1px solid rgba(227,32,45,.45);}
.ver-ic{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;} .ver-ok .ver-ic{background:#1fbf5b;} .ver-no .ver-ic{background:#e3202d;}
.ver-ok b,.ver-no b{font:700 20px/1.1 var(--head);text-transform:uppercase;} .ver-ok p,.ver-no p{margin:6px 0;} .ver-ok small{color:var(--muted);}
.cert-k2{margin:-18px 0 22px;font:600 12px/1 var(--head);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);}
.cert-v{margin:18px 0 0;font-size:12px;color:var(--muted);} .cert-v b{color:#d4d4da;font-weight:600;word-break:break-all;}
@media print{ .cert-v{color:#555;} .cert-v b{color:#111;} }
@media (max-width:1200px){ .sch-grid{grid-template-columns:repeat(2,minmax(0,1fr));} .my-learn .ml-l{grid-template-columns:repeat(2,minmax(0,1fr));} .ac-rail{grid-auto-columns:minmax(240px,calc((100% - 24px)/3));} }
@media (max-width:900px){ .ac-how{grid-template-columns:1fr;} .steps4{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:640px){ .sch-grid,.my-learn .ml-l{grid-template-columns:1fr;} .ac-rail{grid-auto-columns:78%;} .sch-in{flex-direction:column;padding:12px 16px 0;} .sch-hero .bc{padding:14px 16px 0;} .sch-ic.lg{width:60px;height:60px;} .rt-lv{padding-left:0;} .rt-lv::before{display:none;} .rt-h{margin-left:0;} .sch-row-h small{display:none;} }
@media (max-width:640px){ .sch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;} .sch{padding:12px;gap:6px;} .sch p{display:none;} .sch b{font-size:16px;} .sch-ic{width:36px;height:36px;} .ph-academy .ph-st{flex-wrap:wrap;row-gap:10px;} }

/* ══ Marketplace reestructurado ══ */
.mk2 .mk-hero-in{max-width:760px;}
.mk-depts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0 0 14px;}
.mk-depts a{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;border-radius:12px;background:var(--panel);border:1px solid var(--line);transition:border-color .15s,transform .15s;}
.mk-depts a:hover{border-color:rgba(227,32,45,.55);transform:translateY(-2px);}
.mk-d-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:rgba(227,32,45,.14);color:#ff6b74;} .mk-d-ic .ic{width:20px;height:20px;}
.mk-depts b{font:700 16px/1.1 var(--head);text-transform:uppercase;} .mk-depts small{color:var(--muted);font-size:12px;line-height:1.3;}
.mk-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px;}
.mk-path{display:flex;align-items:center;gap:14px;padding:18px;border-radius:14px;background:linear-gradient(160deg,#18181c,#101013);border:1px solid var(--line);transition:border-color .15s;}
.mk-path:hover{border-color:rgba(227,32,45,.55);} .mk-path.hot{background:linear-gradient(160deg,#3a0d12,#17090b);border-color:rgba(227,32,45,.45);}
.mk-path > div{flex:1;min-width:0;} .mk-path small{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#ff8a92;}
.mk-path b{display:block;margin:3px 0;font:700 20px/1.05 var(--head);text-transform:uppercase;} .mk-path p{margin:0;font-size:13px;color:var(--muted);}
.mk-path > .ic{width:18px;height:18px;color:var(--muted);flex:none;}
.mk-p-ic{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:50%;background:#e3202d;} .mk-p-ic .ic{width:22px;height:22px;}
.mk-zones2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px;}
.mk-zones2 a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:#121215;border:1px solid var(--line);}
.mk-zones2 a:hover{border-color:rgba(227,32,45,.5);} .mk-zones2 .ic{width:20px;height:20px;color:#ff6b74;flex:none;}
.mk-zones2 span{flex:1;min-width:0;} .mk-zones2 b{display:block;font:700 15px/1.1 var(--head);text-transform:uppercase;} .mk-zones2 small{color:var(--muted);font-size:12px;}
.mk-zones2 em{font-style:normal;font-size:11px;font-weight:700;padding:4px 8px;border-radius:999px;background:#1d1d22;color:#cfcfd6;white-space:nowrap;}
.mk-launch{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;align-items:center;margin-bottom:16px;padding:30px;border-radius:18px;border:1px solid rgba(227,32,45,.35);background:radial-gradient(circle at 85% 50%,rgba(227,32,45,.25),transparent 55%),linear-gradient(160deg,#16161a,#0b0b0d);}
.mk-launch h2{margin:8px 0;font:700 clamp(28px,3.4vw,44px)/1 var(--head);text-transform:uppercase;} .mk-launch p{margin:0 0 14px;color:#d4d4da;max-width:560px;}
.mk-l-l{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;} .mk-l-l li{display:flex;gap:8px;font-size:14px;} .mk-l-l .ic{width:16px;height:16px;color:#5dff8a;flex:none;margin-top:2px;}
.mk-l-art{position:relative;display:grid;place-items:center;min-height:240px;} .mk-l-art img{width:min(100%,250px);height:auto;filter:drop-shadow(0 20px 30px rgba(0,0,0,.6));}
.mk-tag{position:absolute;display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:#1a1a1f;border:1px solid #33333b;font-size:13px;font-weight:700;box-shadow:0 10px 20px -8px #000;animation:mkf 5s ease-in-out infinite;}
.mk-tag .ic{width:15px;height:15px;color:#ff6b74;} .mk-tag.t1{top:6%;left:4%;} .mk-tag.t2{top:12%;right:2%;animation-delay:-1.2s;} .mk-tag.t3{bottom:10%;left:0;animation-delay:-2.4s;} .mk-tag.t4{bottom:4%;right:8%;animation-delay:-3.6s;}
@keyframes mkf{50%{transform:translateY(-8px)}}
.mk-info{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px;}
.mk-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.mk-steps li{display:flex;gap:12px;} .mk-steps span{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:#e3202d;font:700 16px/1 var(--head);}
.mk-steps b{font:700 16px/1.1 var(--head);text-transform:uppercase;} .mk-steps p{margin:4px 0 0;font-size:13px;color:var(--muted);}
.mk-safe h2 .ic{width:18px;height:18px;vertical-align:-3px;margin-right:6px;color:#5dff8a;}
.mk-safe ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;} .mk-safe li{display:flex;gap:8px;font-size:13.5px;color:#d4d4da;} .mk-safe li .ic{width:15px;height:15px;color:#5dff8a;flex:none;margin-top:2px;}
.mk-faq details{border-top:1px solid var(--line);} .mk-faq details:first-of-type{border-top:0;}
.mk-faq summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;cursor:pointer;font-weight:700;list-style:none;} .mk-faq summary::-webkit-details-marker{display:none;}
.mk-faq summary .ic{width:16px;height:16px;transition:transform .2s;flex:none;} .mk-faq details[open] summary .ic{transform:rotate(180deg);}
.mk-faq p{margin:0 0 14px;color:#cfcfd6;font-size:14px;}
@media (max-width:1200px){ .mk-depts{grid-template-columns:repeat(3,minmax(0,1fr));} .mk-zones2{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:900px){ .mk-paths,.mk-info,.mk-launch{grid-template-columns:1fr;} .mk-l-art{min-height:200px;} }
@media (max-width:640px){ .mk-depts{grid-template-columns:repeat(2,minmax(0,1fr));} .mk-zones2,.mk-steps,.mk-l-l{grid-template-columns:1fr;} .mk-launch{padding:20px 16px;} .mk-l-art{display:none;} }

/* ══ Álbum YSHH (cromos) ══ */
.alb-hero{position:relative;margin-bottom:14px;padding:0 0 26px;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(circle at 18% 40%,rgba(255,210,61,.18),transparent 45%),radial-gradient(circle at 80% 10%,rgba(227,32,45,.25),transparent 50%),linear-gradient(160deg,#141417,#09090b);}
.alb-hero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 22px,rgba(255,255,255,.015) 22px 23px);pointer-events:none;}
.alb-hero .bc{position:relative;padding:16px 26px 0;}
.alb-hero-in{position:relative;display:grid;grid-template-columns:300px minmax(0,1fr);gap:34px;align-items:center;padding:14px 30px 0;}
.alb-cover{perspective:1200px;display:grid;place-items:center;}
.ac3d{position:relative;width:250px;aspect-ratio:3/4;padding:16px 14px;border-radius:6px 14px 14px 6px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;overflow:hidden;
  background:radial-gradient(circle at 30% 20%,rgba(255,210,61,.35),transparent 40%),radial-gradient(circle at 80% 85%,rgba(227,32,45,.45),transparent 45%),repeating-linear-gradient(45deg,#16161a 0 6px,#121215 6px 12px);
  border-left:10px solid #0a0a0a;box-shadow:0 30px 50px -18px #000,inset 0 0 0 2px rgba(255,255,255,.08),-6px 0 0 #222;transform:rotateY(-18deg) rotateX(6deg);transition:transform .6s;animation:acFloat 6s ease-in-out infinite;}
.alb-cover:hover .ac3d{transform:rotateY(-4deg) rotateX(2deg);}
@keyframes acFloat{50%{translate:0 -8px}}
.ac-k{font:700 11px/1 var(--head);letter-spacing:.22em;text-transform:uppercase;color:#fff;}
.ac3d img{width:88%;height:auto;filter:drop-shadow(0 8px 14px rgba(0,0,0,.6));}
.ac-band{padding:6px 8px;background:#ffd23d;color:#111;font:700 11.5px/1.15 var(--head);text-transform:uppercase;transform:rotate(-2deg);box-shadow:3px 3px 0 #e3202d;}
.ac-foot{margin-top:auto;font:700 12px/1.2 var(--head);text-transform:uppercase;color:#d4d4da;}
.ac-shine{position:absolute;inset:-50%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.18) 50%,transparent 60%);animation:shine 5s linear infinite;pointer-events:none;}
@keyframes shine{from{transform:translateX(-60%)}to{transform:translateX(60%)}}
.alb-info h1{margin:8px 0;font:700 clamp(36px,4.6vw,64px)/.95 var(--head);text-transform:uppercase;}
.alb-info p{margin:0 0 16px;color:#d4d4da;max-width:620px;}
.alb-prog{position:relative;display:flex;align-items:center;gap:18px;margin-bottom:18px;}
.ring{width:96px;height:96px;transform:rotate(-90deg);flex:none;} .ring circle{fill:none;stroke:#26262c;stroke-width:10;} .ring .ring-v{stroke:url(#none) #ffd23d;stroke:#ffd23d;stroke-linecap:round;stroke-dasharray:327;transition:stroke-dashoffset 1s;}
.alb-prog > b{position:absolute;left:0;top:0;width:96px;height:96px;display:grid;place-items:center;font:700 24px/1 var(--head);}
.alb-prog dl{display:flex;gap:22px;margin:0;} .alb-prog dt{font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);} .alb-prog dd{margin:2px 0 0;font:700 26px/1 var(--head);}
.pack-cta{animation:pcta 1.6s ease-in-out infinite;} @keyframes pcta{50%{box-shadow:0 0 0 8px rgba(227,32,45,.18),0 10px 30px -6px rgba(227,32,45,.9)}}
.pack-wait b{font-family:ui-monospace,Consolas,monospace;}
.alb-tabs{margin-bottom:14px;}
/* Índice y libro */
.book-wrap{margin-bottom:16px;}
.bk-idx{display:flex;gap:8px;overflow-x:auto;margin-bottom:12px;padding-bottom:4px;}
.bk-idx button{flex:none;display:flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;border:1px solid var(--line);background:#141418;color:#e8e8ec;font:600 13px/1 var(--body);cursor:pointer;}
.bk-idx button .ic{width:15px;height:15px;color:var(--sc);} .bk-idx button b{padding:2px 7px;border-radius:999px;background:#0b0b0d;font-size:11px;color:var(--sc);} .bk-idx button:hover{border-color:var(--sc);}
.book{position:relative;padding:18px;border-radius:18px;background:linear-gradient(180deg,#1b1b1f,#0e0e10);border:1px solid #2c2c33;box-shadow:inset 0 0 60px rgba(0,0,0,.6);}
.bk-stage{display:grid;grid-template-columns:1fr;gap:0;perspective:2000px;min-height:520px;}
.book.two .bk-stage{grid-template-columns:1fr 1fr;}
.bk-page{position:relative;padding:22px 22px 34px;min-height:560px;background:radial-gradient(circle at 20% 10%,rgba(255,210,61,.06),transparent 40%),repeating-linear-gradient(0deg,#151518 0 3px,#131316 3px 6px);border:1px solid #2a2a30;transform-origin:left center;}
.book.two .bk-page.left{border-radius:12px 2px 2px 12px;box-shadow:inset -30px 0 40px -20px rgba(0,0,0,.85);} .book.two .bk-page.right{border-radius:2px 12px 12px 2px;box-shadow:inset 30px 0 40px -20px rgba(0,0,0,.85);}
.book:not(.two) .bk-page{border-radius:12px;}
.bk-stage.turn-next .bk-page{animation:bkOutN .24s ease-in forwards;} .bk-stage.turn-prev .bk-page{animation:bkOutP .24s ease-in forwards;}
.bk-stage.turned-next .bk-page{animation:bkInN .26s ease-out;} .bk-stage.turned-prev .bk-page{animation:bkInP .26s ease-out;}
@keyframes bkOutN{to{transform:rotateY(-25deg) translateX(-30px);opacity:0;filter:brightness(.4)}} @keyframes bkOutP{to{transform:rotateY(25deg) translateX(30px);opacity:0;filter:brightness(.4)}}
@keyframes bkInN{from{transform:rotateY(18deg) translateX(30px);opacity:0}} @keyframes bkInP{from{transform:rotateY(-18deg) translateX(-30px);opacity:0}}
.bk-num{position:absolute;bottom:10px;left:0;right:0;text-align:center;font:700 12px/1 var(--head);color:#55555e;}
.bk-h{display:flex;align-items:center;gap:10px;margin:0 0 16px;}
.bk-h span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--sc);color:#111;} .bk-h span .ic{width:20px;height:20px;}
.bk-h h2{margin:0;padding:4px 14px 2px;font:700 clamp(24px,2.6vw,34px)/1 var(--head);text-transform:uppercase;color:#111;background:var(--sc);transform:rotate(-1.5deg);box-shadow:4px 4px 0 #000;clip-path:polygon(0 8%,100% 0,98% 100%,2% 92%);}
.bk-h small{margin-left:auto;font-weight:700;color:var(--muted);}
.slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.slot{position:relative;aspect-ratio:3/4;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:10px;}
.slot.empty,.slot.ready{border:2px dashed #3a3a42;background:repeating-linear-gradient(135deg,rgba(255,255,255,.02) 0 8px,transparent 8px 16px);}
.sl-n{font:700 26px/1 var(--head);color:#4a4a54;} .sl-ic .ic{width:26px;height:26px;color:#33333b;} .sl-name{font-size:11.5px;font-weight:700;line-height:1.2;color:#5d5d68;text-transform:uppercase;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.slot.ready{border-color:var(--sc,#ffd23d);border-style:solid;box-shadow:0 0 0 3px rgba(255,210,61,.12),0 0 24px -6px #ffd23d;animation:slReady 1.8s ease-in-out infinite;}
@keyframes slReady{50%{box-shadow:0 0 0 5px rgba(255,210,61,.2),0 0 30px -4px #ffd23d}}
.slot.ready .sl-n,.slot.ready .sl-name{color:#e8e8ec;}
.sl-paste{display:flex;align-items:center;gap:5px;margin-top:4px;padding:7px 12px;border-radius:999px;border:0;background:#ffd23d;color:#111;font:700 12.5px/1 var(--body);cursor:pointer;}
.sl-paste .ic{width:14px;height:14px;}
.slot.has{padding:0;}
.slot.has .stk{width:100%;height:100%;cursor:zoom-in;}
.slot.pasting .stk{animation:paste .8s cubic-bezier(.2,1.4,.4,1);}
@keyframes paste{0%{transform:scale(1.6) rotate(-8deg) translateY(-40px);opacity:0;filter:drop-shadow(0 30px 30px #000)}60%{transform:scale(.96) rotate(1deg);opacity:1}100%{transform:none}}
.stk[data-qty]::after{content:"×" attr(data-qty);position:absolute;top:-8px;right:-8px;z-index:3;padding:3px 7px;border-radius:999px;background:#e3202d;color:#fff;font:700 11px/1 var(--body);}
/* Cromo */
.stk{position:relative;display:block;aspect-ratio:3/4;border-radius:9px;padding:5px;background:linear-gradient(160deg,#fff,#e9e9ee);box-shadow:0 8px 18px -8px rgba(0,0,0,.8);transition:transform .2s;}
.stk:hover{transform:translateY(-2px) rotate(-.6deg);}
.stk-in{position:relative;width:100%;height:100%;border-radius:5px;overflow:hidden;background:#111;}
.stk-in > img:first-child{width:100%;height:100%;object-fit:cover;display:block;}
.stk-n{position:absolute;top:6px;left:6px;padding:3px 7px;border-radius:5px;background:#111;color:#ffd23d;font:700 12px/1 var(--head);box-shadow:0 0 0 2px var(--sc);}
.stk-sec{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--sc);color:#111;} .stk-sec .ic{width:13px;height:13px;}
.stk-cap{position:absolute;left:0;right:0;bottom:0;padding:22px 8px 7px;background:linear-gradient(transparent,rgba(0,0,0,.92) 45%);text-align:center;}
.stk-cap::before{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--sc);}
.stk-cap b{display:block;font:700 clamp(12px,1.2vw,15px)/1.05 var(--head);text-transform:uppercase;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.stk-cap small{display:block;margin-top:2px;font-size:10px;color:#cfcfd6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.stk-logo{position:absolute;right:5px;bottom:34px;width:34%;height:auto;opacity:.9;filter:drop-shadow(0 2px 3px #000);}
.stk-foil{position:absolute;inset:0;pointer-events:none;}
.stk.r-rara{background:linear-gradient(160deg,#dff1ff,#7cc4ff);}
.stk.r-epica{background:linear-gradient(160deg,#f1dcff,#a35cff,#5cc8ff);}
.stk.r-epica .stk-foil{background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.35) 45%,rgba(180,107,255,.25) 50%,transparent 62%);background-size:250% 100%;animation:foil 3.5s linear infinite;mix-blend-mode:screen;}
.stk.r-legendaria{background:linear-gradient(160deg,#fff6c9,#ffd23d,#c8901a,#ffe98a);box-shadow:0 0 22px -4px rgba(255,210,61,.8),0 8px 18px -8px #000;}
.stk.r-legendaria .stk-foil{background:conic-gradient(from 0deg at 50% 50%,rgba(255,0,80,.18),rgba(255,210,61,.22),rgba(0,255,170,.18),rgba(60,140,255,.22),rgba(255,0,200,.18),rgba(255,0,80,.18)),linear-gradient(115deg,transparent 35%,rgba(255,255,255,.55) 48%,transparent 60%);background-size:100% 100%,250% 100%;animation:foil 2.6s linear infinite;mix-blend-mode:overlay;}
@keyframes foil{from{background-position:0 0,150% 0}to{background-position:0 0,-100% 0}}
/* Primera y última página */
.bk-first{display:flex;flex-direction:column;gap:18px;}
.bk-pin{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px;border-radius:12px;text-align:center;background:linear-gradient(160deg,rgba(255,210,61,.1),transparent);border:2px solid rgba(255,210,61,.35);}
.bk-pin img{width:130px;height:auto;} .bk-pin small{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);} .bk-pin b{font:700 28px/1.05 var(--head);text-transform:uppercase;color:#ffd23d;} .bk-pin em{font-style:normal;font-size:12.5px;color:#cfcfd6;}
.bk-bar{display:block;width:100%;max-width:300px;height:8px;border-radius:4px;background:#26262c;overflow:hidden;} .bk-bar i{display:block;height:100%;background:linear-gradient(90deg,#e3202d,#ffd23d);transition:width 1s;} .bk-bar.lg{max-width:none;height:12px;margin:6px 0 16px;}
.bk-toc{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;}
.bk-toc button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 6px;border:0;background:none;color:#e8e8ec;font:700 16px/1 var(--head);text-transform:uppercase;cursor:pointer;}
.bk-toc button .ic{width:18px;height:18px;color:var(--sc);} .bk-toc button i{flex:1;border-bottom:2px dotted #3a3a42;} .bk-toc button b{font-size:13px;color:var(--muted);} .bk-toc button:hover span{color:var(--sc);}
.bk-rules{margin:auto 0 0;display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);} .bk-rules .ic{width:16px;height:16px;color:#ffd23d;flex:none;}
.bk-end{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:460px;text-align:center;} .bk-end > .ic{width:64px;height:64px;color:#ffd23d;} .bk-end h2{margin:0;font:700 34px/1 var(--head);text-transform:uppercase;} .bk-end p{margin:0 0 6px;max-width:380px;color:#cfcfd6;}
.bk-ctl{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:14px;} .bk-ctl span{font:700 15px/1 var(--head);min-width:90px;text-align:center;color:#cfcfd6;}
/* Repetidas, ranking */
.alb-cols{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px;}
.sp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;}
.sp{position:relative;} .sp .stk{cursor:zoom-in;} .sp-q{position:absolute;top:-8px;right:-6px;z-index:3;padding:4px 8px;border-radius:999px;background:#e3202d;font:700 12px/1 var(--body);font-style:normal;}
.sp-act{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;}
.rk-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;}
.rk-l li{display:grid;grid-template-columns:34px minmax(0,1fr) 90px 52px;align-items:center;gap:10px;padding:6px 8px;border-radius:10px;} .rk-l li.me{background:rgba(255,210,61,.08);outline:1px solid rgba(255,210,61,.35);}
.rk-p{font:700 18px/1 var(--head);text-align:center;} .rk-l a{display:flex;align-items:center;gap:9px;min-width:0;} .rk-l img{width:36px;height:36px;border-radius:50%;object-fit:cover;flex:none;} .rk-l a b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;}
.rk-bar{height:6px;border-radius:3px;background:#26262c;overflow:hidden;} .rk-bar i{display:block;height:100%;background:linear-gradient(90deg,#e3202d,#ffd23d);} .rk-l small{text-align:right;font-weight:700;color:#cfcfd6;}
/* Detalle del cromo */
.stk-modal{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.82);backdrop-filter:blur(6px);opacity:0;transition:opacity .25s;}
.stk-modal.on{opacity:1;} .stk-m-in{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;}
.stk-m-hint{margin:0;color:var(--muted);font-size:13px;}
.stk-m-x{position:absolute;top:-14px;right:-14px;width:40px;height:40px;border-radius:50%;border:0;background:#e3202d;color:#fff;font-size:24px;cursor:pointer;}
.fc{position:relative;width:min(300px,72vw);aspect-ratio:3/4;perspective:1400px;cursor:pointer;}
.fc-in{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.3,1.3,.5,1);}
.fc.flipped .fc-in{transform:rotateY(180deg);}
.fc-f,.fc-b,.fc-b2{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:12px;}
.fc-f .stk{width:100%;height:100%;}
.fc.big .fc-f .stk::after{content:"";position:absolute;inset:0;border-radius:9px;background:radial-gradient(circle at var(--mx,50%) var(--my,30%),rgba(255,255,255,.25),transparent 45%);pointer-events:none;}
.fc-b2{transform:rotateY(180deg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:22px;text-align:center;background:repeating-linear-gradient(45deg,#16161a 0 6px,#121215 6px 12px);border:5px solid #fff;}
.fc-b2 .stk-n{position:static;font-size:16px;} .fc-b2 b{font:700 24px/1.05 var(--head);text-transform:uppercase;} .fc-b2 small{color:#cfcfd6;} .fc-b2 p{margin:4px 0;font-size:13px;color:#d4d4da;} .fc-b2 img{width:90px;height:auto;margin-top:auto;opacity:.85;}
.rar{font-style:normal;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:4px 10px;border-radius:999px;background:#26262c;} .rar.r-rara{color:#7cc4ff;} .rar.r-epica{color:#c99bff;} .rar.r-legendaria{color:#ffd23d;}
.stk-toast{position:fixed;left:50%;bottom:110px;z-index:2100;transform:translate(-50%,20px);max-width:min(92vw,460px);padding:12px 18px;border-radius:12px;background:#1d1d22;border:1px solid #3a3a42;color:#fff;font-weight:600;box-shadow:0 14px 30px -10px #000;opacity:0;transition:.3s;}
.stk-toast.on{opacity:1;transform:translate(-50%,0);} .stk-toast.bad{border-color:#e3202d;}
.cf-box{position:fixed;inset:0;z-index:2050;pointer-events:none;overflow:hidden;}
.cf-box i{position:absolute;top:-20px;width:9px;height:14px;border-radius:2px;animation:cf 2s ease-in forwards;}
@keyframes cf{to{transform:translate(var(--dx),105vh) rotate(var(--rot));opacity:.8}}
/* Abrir sobre */
.pack-page .ys-view,.pack-page main{overflow:visible;}
.pk-stage{position:relative;min-height:calc(100vh - 160px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:70px 16px 30px;border-radius:18px;overflow:hidden;background:radial-gradient(circle at 50% 45%,#2a1013,#0a0a0b 65%);border:1px solid var(--line);user-select:none;}
.pk-top{position:absolute;top:14px;left:14px;right:14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.pk-left,.pk-prog{display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:#151518;border:1px solid var(--line);font-size:13px;} .pk-left{margin-left:auto;} .pk-left .ic,.pk-prog .ic{width:15px;height:15px;color:#ffd23d;}
.pk-spot{position:absolute;left:50%;top:50%;width:520px;height:520px;margin:-260px 0 0 -260px;border-radius:50%;background:radial-gradient(circle,rgba(255,210,61,.18),transparent 60%);animation:spot 4s ease-in-out infinite;pointer-events:none;}
@keyframes spot{50%{transform:scale(1.15);opacity:.7}}
.pk-wrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;perspective:1200px;}
.pk{--tear:0;--rx:0deg;--ry:0deg;position:relative;width:260px;height:380px;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .15s;animation:pkIdle 3s ease-in-out infinite;cursor:pointer;touch-action:none;}
@keyframes pkIdle{50%{translate:0 -10px}}
.pk-body{position:absolute;inset:0;top:46px;border-radius:0 0 14px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px;overflow:hidden;text-align:center;
  background:radial-gradient(circle at 30% 20%,rgba(255,210,61,.35),transparent 45%),linear-gradient(160deg,#e3202d,#7a0c13 55%,#1a0507);box-shadow:0 30px 50px -15px #000,inset 0 0 0 2px rgba(255,255,255,.12);}
.pk-body::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 2px,transparent 2px 10px);}
.pk-body img{position:relative;width:86%;height:auto;filter:drop-shadow(0 8px 14px rgba(0,0,0,.6));}
.pk-k{position:relative;font:700 12px/1 var(--head);letter-spacing:.2em;text-transform:uppercase;}
.pk-band{position:relative;padding:5px 8px;background:#ffd23d;color:#111;font:700 11px/1.15 var(--head);text-transform:uppercase;transform:rotate(-2deg);}
.pk-qty{position:relative;margin-top:auto;padding:5px 12px;border-radius:999px;background:#111;font:700 13px/1 var(--head);text-transform:uppercase;}
.pk-foil{position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.35) var(--gx,50%),transparent 70%);mix-blend-mode:overlay;pointer-events:none;}
.pk-tear{position:absolute;left:0;right:0;top:0;height:52px;border-radius:14px 14px 0 0;background:linear-gradient(160deg,#ff3442,#b3121c);box-shadow:inset 0 0 0 2px rgba(255,255,255,.12);cursor:grab;transform-origin:85% 100%;transition:transform .5s cubic-bezier(.5,-0.3,.6,1.3),opacity .5s;touch-action:none;z-index:2;}
.pk-tear::before{content:"";position:absolute;left:0;bottom:0;height:3px;width:calc(var(--tear) * 100%);background:#ffd23d;box-shadow:0 0 12px #ffd23d;}
.pk-zig{position:absolute;left:0;right:0;bottom:-8px;height:10px;background:linear-gradient(135deg,#b3121c 50%,transparent 50%) 0 0/12px 10px,linear-gradient(225deg,#b3121c 50%,transparent 50%) 0 0/12px 10px;}
.pk-tear-hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:6px;font:700 13px/1 var(--head);letter-spacing:.06em;text-transform:uppercase;animation:hint 1.4s ease-in-out infinite;}
.pk-tear-hint .ic{width:16px;height:16px;} @keyframes hint{50%{transform:translateX(8px)}}
.pk.dragging .pk-tear{transform:rotate(calc(var(--tear) * -10deg)) translateY(calc(var(--tear) * -4px));}
.pk.torn .pk-tear{transform:translate(120px,-160px) rotate(-38deg);opacity:0;}
.pk.torn{animation:none;} .pk.burst .pk-body{animation:burst .5s ease-in forwards;}
@keyframes burst{30%{transform:scale(1.06)}100%{transform:scale(.6) translateY(80px);opacity:0}}
.pk.shake{animation:shake .4s;} @keyframes shake{20%{transform:rotate(-6deg)}40%{transform:rotate(6deg)}60%{transform:rotate(-4deg)}80%{transform:rotate(3deg)}}
.pk-hint{margin:0;max-width:340px;text-align:center;color:var(--muted);font-size:13px;}
.pk-wait{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;max-width:460px;} .pk-wait > .ic{width:54px;height:54px;color:#ffd23d;} .pk-wait h1{margin:0;font:700 34px/1 var(--head);text-transform:uppercase;} .pk-wait p{margin:0;}
.pk-count{font:700 34px/1 ui-monospace,Consolas,monospace;color:#ffd23d;text-shadow:0 0 18px rgba(255,210,61,.5);margin:6px 0 10px;}
.pk-reveal{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;}
.pk-tip{margin:0;font:700 15px/1 var(--head);text-transform:uppercase;letter-spacing:.06em;color:#ffd23d;}
.pk-deck{position:relative;width:min(290px,74vw);aspect-ratio:3/4;cursor:pointer;}
.pk-deck .fc{position:absolute;inset:0;width:100%;}
.fc.deal{animation:deal .55s cubic-bezier(.2,1.3,.4,1) backwards;animation-delay:calc(var(--i) * .08s);transform:translate(calc(var(--i) * 3px),calc(var(--i) * -3px));}
@keyframes deal{from{transform:translateY(160px) scale(.6);opacity:0}}
.fc-b{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:radial-gradient(circle at 30% 20%,rgba(255,210,61,.3),transparent 45%),repeating-linear-gradient(45deg,#1a1a1f 0 8px,#121215 8px 16px);border:6px solid #fff;box-shadow:0 20px 40px -15px #000;}
.fc-b img{width:70%;height:auto;} .fc-b span{font:700 14px/1 var(--head);letter-spacing:.2em;text-transform:uppercase;color:#ffd23d;}
.fc-f{transform:rotateY(180deg);}
.fc-badge,.fc-rar{position:absolute;z-index:5;opacity:0;transition:opacity .3s .5s,transform .4s .5s;transform:scale(.4);}
.fc.flipped .fc-badge,.fc.flipped .fc-rar{opacity:1;transform:scale(1);}
.fc-badge{top:-12px;right:-12px;padding:7px 12px;border-radius:999px;font:700 13px/1 var(--head);text-transform:uppercase;box-shadow:0 6px 14px -4px #000;}
.fc-badge.new{background:#1fbf5b;color:#fff;} .fc-badge.dup{background:#3a3a42;color:#e8e8ec;}
.fc-rar{bottom:-14px;left:50%;margin-left:-55px;width:110px;text-align:center;padding:6px 0;border-radius:999px;background:#111;font:700 12px/1 var(--head);text-transform:uppercase;letter-spacing:.08em;border:2px solid #555;}
.fc-rar.r-rara{border-color:#7cc4ff;color:#7cc4ff;} .fc-rar.r-epica{border-color:#b46bff;color:#c99bff;box-shadow:0 0 18px -2px #b46bff;} .fc-rar.r-legendaria{border-color:#ffd23d;color:#ffd23d;box-shadow:0 0 24px 0 #ffd23d;}
.fc.flipped.away{transition:transform .45s ease-in,opacity .45s;transform:translate(140%,-20px) rotate(24deg);opacity:0;}
.pk-deck .fc.flipped .fc-in{transform:rotateY(180deg) scale(1.04);}
.pk-sum{position:relative;display:flex;flex-direction:column;align-items:center;gap:18px;width:100%;}
.pk-sum h1{margin:0;font:700 clamp(28px,4vw,44px)/1 var(--head);text-transform:uppercase;text-align:center;}
.pk-sum-g{display:grid;grid-template-columns:repeat(5,minmax(0,150px));gap:14px;justify-content:center;width:100%;}
.ps{position:relative;animation:deal .5s cubic-bezier(.2,1.3,.4,1) backwards;animation-delay:calc(var(--i) * .09s);} .ps .fc-badge{opacity:1;transform:none;top:-10px;right:-8px;font-size:11px;padding:5px 9px;}
.ps.stuck .stk{animation:stuck .5s ease-out forwards;} @keyframes stuck{40%{transform:scale(1.08)}100%{transform:scale(.92);filter:grayscale(.2) brightness(.8)}}
.pk-flash{position:absolute;inset:0;pointer-events:none;opacity:0;} .pk-flash.on{animation:flash .7s ease-out;} @keyframes flash{0%{opacity:.85}100%{opacity:0}}
/* Cambios */
.tr-cols{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:14px;align-items:start;}
.tr-row{display:grid;grid-template-columns:minmax(0,170px) minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line);transition:opacity .4s,transform .4s;} .tr-row:first-of-type{border-top:0;}
.tr-row.sm{grid-template-columns:1fr;gap:8px;} .tr-row.gone{opacity:0;transform:translateX(30px);}
.tr-u{display:flex;align-items:center;gap:8px;min-width:0;} .tr-u img{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none;} .tr-u.sm img{width:28px;height:28px;} .tr-u b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;}
.tr-x{display:flex;align-items:center;gap:10px;flex-wrap:wrap;} .tr-x > .ic{width:18px;height:18px;color:#ffd23d;flex:none;} .tr-x > span{display:flex;flex-direction:column;gap:3px;} .tr-x > span > small{font-size:10.5px;text-transform:uppercase;color:var(--muted);}
.tr-c{display:flex;align-items:center;gap:7px;padding:4px 8px 4px 4px;border-radius:8px;background:#121215;border:1px solid var(--line);border-left:3px solid var(--sc,#555);max-width:220px;}
.tr-c img{width:30px;height:40px;object-fit:cover;border-radius:4px;flex:none;} .tr-c b{font:700 13px/1 var(--head);color:#ffd23d;} .tr-c small{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tr-a{display:flex;gap:6px;}
.tr-list{display:flex;flex-direction:column;gap:14px;}
.tr-want{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;padding:12px;border-radius:12px;background:#121215;border:1px solid var(--line);}
.tr-want .stk{cursor:zoom-in;} .tr-holders{display:flex;flex-direction:column;gap:8px;} .tr-holders > small{color:var(--muted);font-size:12px;}
.tr-prop{display:flex;align-items:center;gap:8px;flex-wrap:wrap;} .tr-prop select{flex:1;min-width:150px;height:34px;padding:0 8px;border-radius:8px;background:#0f0f12;border:1px solid var(--line);color:inherit;font-size:13px;}
.tr-prop.sent{opacity:.6;}
.tr-hist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13px;} .tr-hist .tag{margin-right:6px;}
/* Impresión */
.pr-cols{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:14px;align-items:start;}
.ord{padding:14px 0;border-top:1px solid var(--line);} .ord:first-of-type{border-top:0;} .ord-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px;} .ord-h small{color:var(--muted);}
.ord-steps{list-style:none;margin:0 0 10px;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;} .ord-steps li{display:flex;flex-direction:column;gap:5px;font-size:11.5px;color:var(--muted);} .ord-steps i{height:5px;border-radius:3px;background:#26262c;} .ord-steps li.on{color:#e8e8ec;} .ord-steps li.on i{background:linear-gradient(90deg,#e3202d,#ffd23d);}
.pr-total{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 0;padding:14px;border-radius:12px;background:rgba(255,210,61,.08);border:1px solid rgba(255,210,61,.35);} .pr-total b{font:700 28px/1 var(--head);color:#ffd23d;}
.miss-g{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px;} .miss{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:7px;background:#121215;border:1px solid var(--line);border-left:3px solid var(--sc,#555);font-size:12.5px;} .miss b{font:700 13px/1 var(--head);color:#ffd23d;} .miss i{font-style:normal;color:#1fbf5b;font-weight:700;}
.pr-card{text-align:center;} .pr-book{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0 auto 16px;width:180px;aspect-ratio:3/4;justify-content:center;border-radius:4px 12px 12px 4px;border-left:8px solid #0a0a0a;background:radial-gradient(circle at 30% 20%,rgba(255,210,61,.35),transparent 40%),radial-gradient(circle at 80% 85%,rgba(227,32,45,.45),transparent 45%),#141417;box-shadow:0 20px 34px -14px #000;transform:rotate(-3deg);}
.pr-book img{width:80%;height:auto;} .pr-book span{font:700 11px/1.2 var(--head);letter-spacing:.14em;text-transform:uppercase;}
.mk-l-l.one{grid-template-columns:1fr;text-align:left;} .pr-price{margin:14px 0 0;font:700 34px/1 var(--head);color:#ffd23d;} .pr-price small{display:block;margin-top:4px;font:600 12px/1 var(--body);color:var(--muted);}
/* Admin */
.stats-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px;} .stat{padding:14px;border-radius:12px;background:var(--panel);border:1px solid var(--line);} .stat b{display:block;font:700 28px/1 var(--head);} .stat span{font-size:12.5px;color:var(--muted);}
.adm-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;} .adm-l{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:6px;} .adm-l li{display:flex;align-items:center;gap:8px;font-size:14px;} .adm-l li b{margin-left:auto;} .adm-l .ic{width:16px;height:16px;}
@media (max-width:1100px){ .alb-hero-in{grid-template-columns:220px minmax(0,1fr);} .ac3d{width:200px;} .alb-cols,.tr-cols,.pr-cols{grid-template-columns:1fr;} .stats-row{grid-template-columns:repeat(3,minmax(0,1fr));} }
@media (max-width:760px){ .alb-hero-in{grid-template-columns:1fr;gap:18px;padding:10px 16px 0;} .alb-hero .bc{padding:14px 16px 0;} .ac3d{width:170px;} .alb-prog dl{gap:14px;} .alb-prog dd{font-size:21px;} .ring,.alb-prog > b{width:80px;height:80px;}
  .book{padding:10px;} .bk-page{padding:14px 12px 30px;min-height:0;} .slots{gap:8px;} .sl-n{font-size:20px;} .sl-name{font-size:10px;} .sl-ic{display:none;} .sl-paste{padding:6px 9px;font-size:11px;}
  .pk-sum-g{grid-template-columns:repeat(3,minmax(0,1fr));} .pk{width:220px;height:330px;} .tr-row{grid-template-columns:1fr;} .tr-want{grid-template-columns:84px minmax(0,1fr);} .stats-row,.adm-2{grid-template-columns:1fr 1fr;} .rk-l li{grid-template-columns:30px minmax(0,1fr) 46px;} .rk-bar{display:none;} .ord-steps{grid-template-columns:repeat(5,1fr);font-size:10px;} }
.pk-stage [hidden],.book [hidden],.tr-cols [hidden]{display:none!important;}
.stk-logo{top:6px;bottom:auto;left:50%;right:auto;width:30%;transform:translateX(-50%);} .fc-rar{bottom:-34px;}

/* ══ Escuelas del aula v2 ══ */
.sch2-grid{gap:14px;}
.sch2{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:10px;min-height:330px;padding:20px;border-radius:16px;overflow:hidden;background:#101013;border:1px solid color-mix(in srgb,var(--sc) 25%,var(--line));transition:transform .25s cubic-bezier(.2,.9,.3,1.2),border-color .2s,box-shadow .25s;}
.sch2::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,color-mix(in srgb,var(--sc) 28%,rgba(10,10,12,.55)) 0%,rgba(10,10,12,.88) 42%,#0d0d10 75%);}
.sch2::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--sc),transparent);}
.sch2-bg{position:absolute;inset:0;z-index:-2;background:center/cover;filter:saturate(.6) blur(1px);opacity:.55;transform:scale(1.06);transition:transform .6s,opacity .3s;}
.sch2-wm{position:absolute;right:-18px;top:46px;z-index:-1;color:var(--sc);opacity:.09;transition:transform .5s,opacity .3s;} .sch2-wm .ic{width:150px;height:150px;}
.sch2:hover{transform:translateY(-5px);border-color:var(--sc);box-shadow:0 22px 40px -22px color-mix(in srgb,var(--sc) 70%,#000);}
.sch2:hover .sch2-bg{transform:scale(1.14);opacity:.7;} .sch2:hover .sch2-wm{transform:rotate(-10deg) scale(1.08);opacity:.16;}
.sch2-top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.sch2 .sch-ic{width:48px;height:48px;border-radius:13px;background:color-mix(in srgb,var(--sc) 22%,rgba(0,0,0,.4));backdrop-filter:blur(6px);box-shadow:0 0 22px -6px var(--sc);}
.sch2-n{padding:5px 10px;border-radius:999px;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.1);font:700 11px/1 var(--head);letter-spacing:.14em;text-transform:uppercase;color:#d4d4da;}
.sch2 > b{margin-top:6px;font:700 24px/1 var(--head);text-transform:uppercase;text-shadow:0 2px 12px rgba(0,0,0,.6);}
.sch2 > p{margin:0;color:#cfcfd6;font-size:13.5px;line-height:1.45;flex:1;}
.sch2-st{display:flex;flex-wrap:wrap;gap:6px;}
.sch2-st span{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font-size:12px;font-weight:600;color:#e8e8ec;}
.sch2-st .ic{width:13px;height:13px;color:var(--sc);}
.sch2-lv{display:flex;gap:5px;flex-wrap:wrap;}
.sch2-lv i{font-style:normal;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700;color:#55555e;border:1px dashed #2e2e35;}
.sch2-lv i.on{color:#111;border:1px solid transparent;} .sch2-lv i.on em{font-style:normal;margin-left:2px;padding:0 5px;border-radius:999px;background:rgba(0,0,0,.25);}
.sch2-lv i.lv1.on{background:#5dff8a;} .sch2-lv i.lv2.on{background:#ffd23d;} .sch2-lv i.lv3.on{background:#ff6b74;}
.sch2-pr{position:relative;display:block;height:5px;margin-bottom:14px;border-radius:3px;background:#26262c;} .sch2-pr i{position:absolute;left:0;top:0;bottom:0;border-radius:3px;background:var(--sc);} .sch2-pr small{position:absolute;right:0;top:8px;font-size:11px;color:var(--muted);}
.sch2-ft{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07);}
.sch2-th{display:flex;} .sch2-th img{width:46px;height:30px;object-fit:cover;border-radius:6px;border:2px solid #0d0d10;margin-left:-10px;box-shadow:0 4px 10px -4px #000;transition:margin .25s;} .sch2-th img:first-child{margin-left:0;}
.sch2:hover .sch2-th img{margin-left:-4px;} .sch2:hover .sch2-th img:first-child{margin-left:0;}
.sch2-ft em{display:inline-flex;align-items:center;gap:4px;font-style:normal;font:700 13px/1 var(--head);text-transform:uppercase;letter-spacing:.04em;color:var(--sc);white-space:nowrap;} .sch2-ft em .ic{width:14px;height:14px;transition:transform .25s;} .sch2:hover .sch2-ft em .ic{transform:translateX(4px);}
@media (max-width:640px){ .sch2-grid{grid-template-columns:1fr;} .sch2{min-height:0;padding:16px;} .sch2 > p{display:block;} .sch2 > b{font-size:21px;} }
.sch2-st{gap:5px;flex-wrap:nowrap;} .sch2-st span{padding:4px 7px;font-size:11.5px;white-space:nowrap;gap:4px;} .sch2-st .ic{width:12px;height:12px;} .sch2-lv i{padding:3px 7px;font-size:10.5px;}

/* ══ Carruseles del aula sin barra de scroll ══ */
.ac-rail{scrollbar-width:none;-ms-overflow-style:none;padding-bottom:0;cursor:grab;}
.ac-rail::-webkit-scrollbar{display:none;}
.ac-rail.dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;} .ac-rail.dragging .ac{pointer-events:none;}
.rail-w{position:relative;}
.rail-w::before,.rail-w::after{content:"";position:absolute;top:0;bottom:0;width:70px;z-index:2;pointer-events:none;opacity:0;transition:opacity .25s;}
.rail-w::before{left:0;background:linear-gradient(90deg,var(--panel,#121215),transparent);} .rail-w::after{right:0;background:linear-gradient(270deg,var(--panel,#121215),transparent);}
.rail-w.can-prev::before,.rail-w.can-next::after{opacity:1;}
.rail-b{position:absolute;top:38%;z-index:3;display:grid;place-items:center;width:44px;height:44px;margin-top:-22px;border-radius:50%;border:1px solid color-mix(in srgb,var(--sc,#e3202d) 60%,transparent);background:rgba(14,14,17,.92);color:var(--sc,#e3202d);cursor:pointer;opacity:0;visibility:hidden;transform:scale(.8);transition:opacity .2s,transform .2s,background .2s,visibility .2s;box-shadow:0 10px 24px -8px #000;backdrop-filter:blur(6px);}
.rail-b.prev{left:-6px;} .rail-b.next{right:-6px;}
.rail-w.can-prev .rail-b.prev,.rail-w.can-next .rail-b.next{opacity:1;visibility:visible;transform:none;}
.rail-b:hover{background:var(--sc,#e3202d);color:#111;transform:scale(1.08);}
@media (hover:none){ .rail-b{display:none;} }

/* ══ Descubrir v2 ══ */
.dx-hero{position:relative;margin-bottom:12px;padding:0 0 30px;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(circle at 75% 40%,rgba(227,32,45,.32),transparent 50%),radial-gradient(circle at 10% 90%,rgba(255,210,61,.12),transparent 40%),linear-gradient(160deg,#141417,#08080a);}
.dx-hero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 26px,rgba(255,255,255,.014) 26px 27px);pointer-events:none;}
.dx-hero .bc{position:relative;padding:16px 28px 0;}
.dx-hero-in{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:30px;align-items:center;padding:12px 28px 0;}
.dx-copy h1{margin:10px 0 12px;font:700 clamp(40px,5.2vw,74px)/.92 var(--head);text-transform:uppercase;letter-spacing:-.01em;}
.dx-copy h1 span{display:block;background:linear-gradient(90deg,#ff3442,#ffd23d);-webkit-background-clip:text;background-clip:text;color:transparent;}
.dx-copy p{margin:0 0 20px;max-width:520px;color:#d4d4da;font-size:16px;}
.dx-st{display:flex;gap:28px;margin:24px 0 0;} .dx-st div{display:flex;flex-direction:column-reverse;} .dx-st dd{margin:0;font:700 34px/1 var(--head);} .dx-st dt{margin-top:4px;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);}
/* Ruleta */
.dx-roul{position:relative;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#0c0c0e;box-shadow:0 30px 60px -30px #000;}
.dx-roul-k{position:absolute;top:14px;left:16px;z-index:3;display:flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);font:700 11px/1 var(--head);letter-spacing:.12em;text-transform:uppercase;color:#ffd23d;} .dx-roul-k .ic{width:13px;height:13px;}
.dx-slides{position:relative;min-height:380px;}
.dx-slide{position:absolute;inset:0;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:1fr auto;gap:14px 22px;align-items:center;padding:54px 24px 22px;opacity:0;visibility:hidden;transition:opacity .45s,visibility .45s;}
.dx-slide.on{opacity:1;visibility:visible;}
.dx-bg{position:absolute;inset:-20px;z-index:-1;background:center/cover;filter:blur(30px) saturate(1.3) brightness(.45);transform:scale(1.1);}
.dx-disc{position:relative;width:220px;height:220px;}
.dx-cv{position:relative;z-index:2;width:220px;height:220px;object-fit:cover;border-radius:10px;box-shadow:0 20px 40px -12px #000;}
.dx-vinyl{position:absolute;top:10px;left:70px;z-index:1;width:200px;height:200px;border-radius:50%;background:repeating-radial-gradient(circle,#0b0b0d 0 2px,#18181c 3px 4px);box-shadow:0 10px 30px -8px #000;display:grid;place-items:center;transition:left .6s cubic-bezier(.2,.9,.3,1.2);animation:spin 4s linear infinite;}
.dx-vinyl img{width:36%;height:36%;border-radius:50%;object-fit:cover;border:3px solid #e3202d;}
.dx-slide.on .dx-vinyl{left:96px;}
.dx-meta{position:relative;z-index:2;padding-left:70px;min-width:0;}
.dx-meta small{display:block;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffd23d;}
.dx-meta b{display:block;margin:6px 0 4px;font:700 clamp(24px,2.4vw,34px)/1 var(--head);text-transform:uppercase;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.dx-meta span{color:#e8e8ec;font-weight:600;} .dx-meta a:hover b,.dx-meta a:hover span{color:#ffd23d;}
.dx-ctl{grid-column:1/-1;display:flex;align-items:center;gap:12px;}
.dx-play{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;border:0;background:#e3202d;color:#fff;cursor:pointer;box-shadow:0 10px 24px -6px rgba(227,32,45,.9);transition:transform .15s;} .dx-play:hover{transform:scale(1.07);} .dx-play .ic{width:24px;height:24px;margin-left:3px;}
.dx-like{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.35);color:#fff;cursor:pointer;} .dx-like .ic{width:18px;height:18px;} .dx-like.on{color:#e3202d;border-color:#e3202d;}
.dx-next{margin-left:auto;display:flex;align-items:center;gap:8px;padding:11px 16px;border-radius:999px;border:1px solid rgba(255,210,61,.5);background:rgba(0,0,0,.4);color:#ffd23d;font:700 13px/1 var(--head);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:background .2s;} .dx-next:hover{background:#ffd23d;color:#111;} .dx-next .ic{width:16px;height:16px;}
.dx-roul.spin .dx-slide.on .dx-cv{animation:dxSpin .5s ease;} @keyframes dxSpin{40%{transform:rotate(-6deg) scale(.92);opacity:.4}}
.dx-dots{position:absolute;top:18px;right:16px;z-index:3;display:flex;gap:5px;} .dx-dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.25);cursor:pointer;transition:all .25s;} .dx-dots i.on{width:20px;border-radius:4px;background:#ffd23d;}
/* Navegación interna */
.dx-nav{position:sticky;top:64px;z-index:20;display:flex;gap:6px;overflow-x:auto;margin:0 0 14px;padding:8px;border-radius:14px;background:rgba(12,12,14,.88);backdrop-filter:blur(10px);border:1px solid var(--line);scrollbar-width:none;} .dx-nav::-webkit-scrollbar{display:none;}
.dx-nav a{flex:none;display:flex;align-items:center;gap:6px;padding:8px 13px;border-radius:999px;font-size:13px;font-weight:700;color:#cfcfd6;transition:background .15s,color .15s;} .dx-nav a .ic{width:15px;height:15px;color:#ff6b74;} .dx-nav a:hover{background:#e3202d;color:#fff;} .dx-nav a:hover .ic{color:#fff;}
[id="rutas"],[id="joyas"],[id="artista"],[id="colabs"],[id="generos"],[id="decadas"],[id="ciudades"]{scroll-margin-top:130px;}
/* Rutas */
.dx-routes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;}
.dx-route{position:relative;display:block;aspect-ratio:1/1.05;border-radius:16px;overflow:hidden;border:1px solid var(--line);isolation:isolate;transition:transform .25s,border-color .2s;}
.dx-route .clg{position:absolute;inset:0;width:100%;height:100%;border-radius:0;z-index:-2;transition:transform .5s;}
.dx-route-g{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.1) 30%,rgba(0,0,0,.92)),linear-gradient(135deg,color-mix(in srgb,var(--rc) 45%,transparent),transparent 60%);}
.dx-route:hover{transform:translateY(-4px);border-color:var(--rc);} .dx-route:hover .clg{transform:scale(1.07);}
.dx-route-k{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;background:var(--rc);color:#111;font:700 11px/1 var(--head);font-style:normal;letter-spacing:.08em;text-transform:uppercase;} .dx-route-k .ic{width:13px;height:13px;}
.dx-route-b{position:absolute;left:16px;right:70px;bottom:16px;} .dx-route-b b{display:block;font:700 26px/1 var(--head);text-transform:uppercase;} .dx-route-b small{display:block;margin-top:4px;color:#d4d4da;font-size:13px;}
.dx-route-p{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--rc);color:#111;transform:translateY(8px);opacity:0;transition:all .25s;} .dx-route:hover .dx-route-p{transform:none;opacity:1;} .dx-route-p .ic{width:20px;height:20px;margin-left:2px;}
/* Encabezados de sección */
.dx-sec{margin-bottom:14px;} .dx-sec2{margin:6px 0 18px;}
.dx-h{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px;}
.dx-h h2{margin:6px 0 4px;font:700 clamp(26px,2.6vw,36px)/1 var(--head);text-transform:uppercase;} .dx-h p{margin:0;color:var(--muted);font-size:14px;}
.dx-k{display:inline-flex;align-items:center;gap:6px;font:700 11.5px/1 var(--head);letter-spacing:.12em;text-transform:uppercase;color:#ff6b74;} .dx-k .ic{width:14px;height:14px;}
/* Carruseles */
.dx-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(170px,calc((100% - 70px)/6));gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;} .dx-rail::-webkit-scrollbar{display:none;} .dx-rail > *{scroll-snap-align:start;}
.dx-rail-cl{margin-top:16px;}
.dx-ft{position:relative;} .dx-ft-b{display:inline-flex;align-items:center;gap:4px;margin-top:4px;padding:3px 8px;border-radius:999px;background:rgba(255,210,61,.1);color:#ffd23d;font-size:11px;font-weight:700;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .dx-ft-b .ic{width:12px;height:12px;flex:none;}
/* Artista para descubrir */
.dx-pick{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr) minmax(0,.8fr);gap:22px;margin-bottom:14px;padding:26px;border-radius:18px;overflow:hidden;border:1px solid var(--line);isolation:isolate;}
.dx-pick::before{content:"";position:absolute;inset:-30px;z-index:-2;background:var(--pk-img) center/cover;filter:blur(36px) brightness(.35) saturate(1.2);}
.dx-pick::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,10,12,.5),rgba(10,10,12,.85));}
.dx-pick-a{display:flex;flex-direction:column;align-items:flex-start;gap:10px;}
.dx-pick-av img{width:150px;height:150px;border-radius:50%;object-fit:cover;border:4px solid #e3202d;box-shadow:0 0 0 6px rgba(227,32,45,.2),0 20px 40px -12px #000;}
.dx-pick-a h2{margin:4px 0 0;font:700 clamp(30px,3vw,42px)/1 var(--head);text-transform:uppercase;} .dx-pick-a p{margin:0;color:#d4d4da;}
.dx-pick h3{margin:0 0 10px;font:700 15px/1 var(--head);letter-spacing:.06em;text-transform:uppercase;color:#cfcfd6;}
.dx-pick-t .tlist{background:rgba(0,0,0,.3);border-radius:12px;padding:4px;}
.dx-avs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 8px;} .dx-avs a{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;} .dx-avs img{width:58px;height:58px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.15);transition:transform .2s,border-color .2s;} .dx-avs a:hover img{transform:scale(1.08);border-color:#e3202d;} .dx-avs small{font-size:11px;font-weight:600;line-height:1.15;color:#cfcfd6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.dx-more{display:inline-flex;align-items:center;gap:5px;margin-top:14px;font-size:13px;font-weight:700;color:#ff6b74;} .dx-more .ic{width:14px;height:14px;}
/* Géneros */
.dx-genres{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;}
.dx-g{position:relative;min-height:118px;padding:16px;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,var(--gc),color-mix(in srgb,var(--gc) 45%,#000));transition:transform .2s,box-shadow .2s;isolation:isolate;}
.dx-g b{position:relative;z-index:2;display:block;max-width:70%;font:700 22px/1 var(--head);text-transform:uppercase;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.35);} .dx-g small{position:relative;z-index:2;display:block;margin-top:6px;font-size:12px;font-weight:600;color:rgba(255,255,255,.85);max-width:60%;}
.dx-g img{position:absolute;right:-14px;bottom:-12px;width:96px;height:96px;object-fit:cover;border-radius:8px;transform:rotate(22deg);box-shadow:0 10px 20px -6px rgba(0,0,0,.6);transition:transform .3s;}
.dx-g-ic{position:absolute;right:12px;bottom:10px;opacity:.35;} .dx-g-ic .ic{width:46px;height:46px;color:#fff;}
.dx-g.empty{background:linear-gradient(135deg,color-mix(in srgb,var(--gc) 35%,#151518),#121215);border:1px dashed color-mix(in srgb,var(--gc) 60%,transparent);} .dx-g.empty b{color:color-mix(in srgb,var(--gc) 70%,#fff);}
.dx-g:hover{transform:translateY(-3px);box-shadow:0 16px 30px -14px var(--gc);} .dx-g:hover img{transform:rotate(14deg) scale(1.06);}
/* Décadas */
.dx-decs{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;}
.dx-dec{position:relative;display:block;aspect-ratio:16/10;border-radius:14px;overflow:hidden;border:1px solid var(--line);isolation:isolate;}
.dx-dec .clg{position:absolute;inset:0;width:100%;height:100%;border-radius:0;z-index:-2;filter:grayscale(.5);transition:filter .3s,transform .5s;}
.dx-dec::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.88));}
.dx-dec-b{position:absolute;left:14px;bottom:12px;} .dx-dec-b b{display:block;font:700 44px/.9 var(--head);color:#ffd23d;text-shadow:0 4px 14px rgba(0,0,0,.6);} .dx-dec-b small{font-size:12px;font-weight:600;color:#e8e8ec;}
.dx-dec:hover .clg{filter:none;transform:scale(1.06);}
/* Ciudades */
.dx-cities{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;}
.dx-city{position:relative;display:flex;align-items:flex-end;min-height:150px;padding:16px;border-radius:14px;overflow:hidden;background:#141417 center/cover;border:1px solid var(--line);isolation:isolate;transition:transform .2s;}
.dx-city::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.9));}
.dx-city span{display:flex;flex-direction:column;gap:3px;} .dx-city span > .ic{width:20px;height:20px;color:#e3202d;} .dx-city b{font:700 26px/1 var(--head);text-transform:uppercase;} .dx-city small{font-size:12.5px;color:#d4d4da;}
.dx-city:hover{transform:translateY(-3px);}
.dx-city.cta{background:repeating-linear-gradient(135deg,rgba(227,32,45,.08) 0 10px,transparent 10px 20px),#121215;border:1px dashed rgba(227,32,45,.5);} .dx-city.cta::before{display:none;} .dx-city.cta b{font-size:20px;} .dx-city.cta span > .ic{color:#ffd23d;}
@media (max-width:1200px){ .dx-rail{grid-auto-columns:minmax(160px,calc((100% - 42px)/4));} .dx-pick{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);} .dx-pick-m{grid-column:1/-1;} .dx-avs{grid-template-columns:repeat(8,1fr);} }
@media (max-width:1000px){ .dx-hero-in{grid-template-columns:1fr;} .dx-routes{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:640px){ .dx-hero-in{padding:10px 16px 0;} .dx-hero .bc{padding:14px 16px 0;} .dx-st{gap:18px;} .dx-st dd{font-size:26px;}
  .dx-slides{min-height:430px;} .dx-slide{grid-template-columns:1fr;justify-items:center;text-align:center;padding:52px 16px 18px;} .dx-disc,.dx-cv{width:170px;height:170px;} .dx-vinyl{width:150px;height:150px;left:40px;top:10px;} .dx-slide.on .dx-vinyl{left:60px;} .dx-meta{padding-left:0;} .dx-ctl{justify-content:center;} .dx-next{margin-left:0;}
  .dx-nav{top:58px;} .dx-route-b b{font-size:20px;} .dx-rail{grid-auto-columns:42%;} .dx-pick{grid-template-columns:1fr;padding:18px;} .dx-avs{grid-template-columns:repeat(4,1fr);} .dx-h{flex-direction:column;align-items:flex-start;} .dx-genres{grid-template-columns:1fr 1fr;} .dx-g b{font-size:18px;} .dx-g img{width:70px;height:70px;} }
.dx-pick-t .tr{grid-template-columns:34px 44px minmax(0,1fr) 44px 34px;} .dx-pick-t .tr-g,.dx-pick-t .tr-p,.dx-pick-t .tr-add{display:none;} .dx-pick-t .tr-title{font-weight:700;}
@media (max-width:640px){ .dx-dots{top:auto;bottom:10px;right:50%;transform:translateX(50%);} .dx-slide{padding-bottom:34px;} .dx-slides{min-height:450px;} .dx-route-b{right:12px;left:12px;bottom:12px;} .dx-route-b b{font-size:18px;} .dx-route-b small{font-size:11.5px;} .dx-route-p{display:none;} }

/* ══ Comunidad activa ══ */
/* Accesos */
.cm-hub{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:14px;} .cm-hub.home{grid-template-columns:repeat(4,minmax(0,1fr));margin:14px 0 0;}
.cm-hub a{position:relative;display:flex;flex-direction:column;gap:5px;padding:14px;border-radius:14px;overflow:hidden;background:linear-gradient(160deg,color-mix(in srgb,var(--hc) 16%,var(--panel)),var(--panel) 70%);border:1px solid color-mix(in srgb,var(--hc) 30%,var(--line));transition:transform .2s,border-color .2s;}
.cm-hub a:hover{transform:translateY(-3px);border-color:var(--hc);} .cm-hub span{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:color-mix(in srgb,var(--hc) 22%,transparent);color:var(--hc);} .cm-hub span .ic{width:20px;height:20px;}
.cm-hub b{font:700 16px/1.05 var(--head);text-transform:uppercase;} .cm-hub small{font-size:12px;color:var(--muted);line-height:1.3;}
/* Hoy en YSHH */
.dp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr) minmax(0,1.3fr);gap:12px;margin-bottom:14px;}
.dp > article{padding:16px;border-radius:14px;background:var(--panel);border:1px solid var(--line);}
.dp-k{display:flex;align-items:center;gap:6px;margin-bottom:12px;font:700 11.5px/1 var(--head);letter-spacing:.1em;text-transform:uppercase;color:#ffd23d;} .dp-k .ic{width:14px;height:14px;}
.dp-sod-in{display:flex;align-items:center;gap:14px;} .dp-cv{position:relative;flex:none;width:96px;height:96px;padding:0;border:0;border-radius:10px;overflow:hidden;cursor:pointer;background:none;} .dp-cv img{width:100%;height:100%;object-fit:cover;}
.dp-cv span{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.35);opacity:0;transition:opacity .2s;color:#fff;} .dp-cv:hover span{opacity:1;} .dp-cv span .ic{width:30px;height:30px;}
.dp-sod-in b{display:block;font:700 20px/1.05 var(--head);text-transform:uppercase;} .dp-sod-in small{display:block;margin:3px 0 8px;color:#cfcfd6;}
.dp-like{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:none;color:#fff;cursor:pointer;} .dp-like.on{color:#e3202d;border-color:#e3202d;} .dp-like .ic{width:16px;height:16px;}
.dp-aow-in{display:flex;align-items:center;gap:14px;} .dp-aow-in img{width:84px;height:84px;border-radius:50%;object-fit:cover;border:3px solid #ffd23d;box-shadow:0 0 22px -6px #ffd23d;}
.dp-aow-in b{display:block;font:700 22px/1 var(--head);text-transform:uppercase;} .dp-aow-in small{display:block;margin:4px 0 8px;color:#cfcfd6;} .dp-aow-in em{display:inline-flex;align-items:center;gap:4px;font-style:normal;font-size:12.5px;font-weight:700;color:#ffd23d;} .dp-aow-in em .ic{width:13px;height:13px;}
.dp-cands{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px;}
.dp-c{position:relative;display:flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border-radius:999px;border:1px solid var(--line);background:#121215;color:#e8e8ec;font:600 12.5px/1 var(--body);cursor:pointer;overflow:hidden;text-align:left;isolation:isolate;}
.dp-c img{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:none;} .dp-c span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dp-c i{position:absolute;left:0;top:0;bottom:0;z-index:-1;background:rgba(255,210,61,.14);transition:width .5s;} .dp-c b{font-size:11px;color:#ffd23d;} .dp-c.on{border-color:#ffd23d;} .dp-c.on i{background:rgba(255,210,61,.28);} .dp-c:hover{border-color:#ffd23d;}
/* Nivel, progreso e insignias */
.lvl-chip{display:inline-flex;align-items:center;gap:6px;margin-left:8px;padding:5px 10px;border-radius:999px;vertical-align:middle;font:600 12px/1 var(--body);text-transform:none;background:rgba(255,210,61,.12);border:1px solid rgba(255,210,61,.45);color:#ffd23d;} .lvl-chip .ic{width:13px;height:13px;} .lvl-chip b{font-weight:700;} .lvl-chip small{color:#cfcfd6;}
.prog-c .prog-top{display:flex;align-items:center;gap:14px;margin-bottom:12px;} .prog-top > div{flex:1;min-width:0;}
.prog-lv{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:14px;font:700 24px/1 var(--head);color:#111;background:#888;}
.prog-lv.l1,.lvl-t.l1{--lc:#9a9aa5;} .prog-lv.l2,.lvl-t.l2{--lc:#3fb6ff;} .prog-lv.l3,.lvl-t.l3{--lc:#1ed760;} .prog-lv.l4,.lvl-t.l4{--lc:#b46bff;} .prog-lv.l5,.lvl-t.l5{--lc:#ffd23d;} .prog-lv.l6,.lvl-t.l6{--lc:#e3202d;}
.prog-lv{background:var(--lc);box-shadow:0 0 22px -6px var(--lc);} .lvl-t{color:var(--lc);}
.prog-top small{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);} .prog-top b{display:block;font:700 22px/1 var(--head);text-transform:uppercase;}
.prog-bar{display:block;height:7px;margin:7px 0 5px;border-radius:4px;background:#26262c;overflow:hidden;} .prog-bar i{display:block;height:100%;background:linear-gradient(90deg,#e3202d,#ffd23d);}
.prog-top em{font-style:normal;font-size:12px;color:var(--muted);}
.prog-fire{display:flex;flex-direction:column;align-items:center;flex:none;padding:6px 10px;border-radius:12px;background:rgba(255,122,26,.1);border:1px solid rgba(255,122,26,.35);font-size:18px;line-height:1;} .prog-fire b{font:700 22px/1 var(--head);color:#ff7a1a;} .prog-fire small{font-size:10px;color:var(--muted);}
.prog-more{display:inline-flex;align-items:center;gap:5px;margin-top:10px;font-size:13px;font-weight:700;color:#ff8a92;} .prog-more .ic{width:13px;height:13px;}
.bdg-l{display:flex;flex-wrap:wrap;gap:6px;}
.bdg{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#121215;border:1px solid var(--line);font-size:12px;color:#77777f;} .bdg .ic{width:14px;height:14px;} .bdg b{font-weight:700;}
.bdg.on{background:rgba(255,210,61,.1);border-color:rgba(255,210,61,.45);color:#ffd23d;} .bdg small{display:none;}
.col-r .bdg-l .bdg small{display:none;}
.lb{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;}
.lb li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:#121215;border:1px solid var(--line);} .lb li.top{background:linear-gradient(90deg,rgba(255,210,61,.1),#121215);} .lb li.me{outline:2px solid rgba(255,210,61,.5);}
.lb-p{font:700 20px/1 var(--head);text-align:center;color:#cfcfd6;} .lb a{display:flex;align-items:center;gap:10px;min-width:0;} .lb img{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none;} .lb a b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .lb a small{font-size:12px;font-weight:700;}
.lb-pts{font:700 20px/1 var(--head);} .lb-pts small{margin-left:3px;font-size:11px;color:var(--muted);}
.lv-l,.pt-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;} .lv-l li{display:flex;align-items:center;gap:10px;} .lv-l .prog-lv{width:34px;height:34px;border-radius:9px;font-size:16px;} .lv-l b{flex:1;font:700 16px/1 var(--head);text-transform:uppercase;} .lv-l small{color:var(--muted);font-size:12px;}
.pt-l li{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.05);} .pt-l b{color:#1ed760;}
/* Retos */
.ch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;margin-bottom:14px;}
.ch-card{position:relative;display:flex;align-items:flex-end;min-height:280px;padding:18px;border-radius:16px;overflow:hidden;background:#111 center/cover;border:1px solid var(--line);isolation:isolate;transition:transform .2s;}
.ch-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.92) 70%);} .ch-card:hover{transform:translateY(-3px);}
.ch-card.st-voting{border-color:#e3202d;box-shadow:0 0 30px -12px #e3202d;}
.ch-st{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:rgba(0,0,0,.65);font:700 11.5px/1 var(--head);letter-spacing:.06em;text-transform:uppercase;}
.ch-st .live{width:8px;height:8px;border-radius:50%;background:#ff2a3a;box-shadow:0 0 8px #ff2a3a;animation:onair 1.2s infinite;}
.ch-b{display:flex;flex-direction:column;gap:8px;} .ch-b small{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700;text-transform:uppercase;color:#ffd23d;} .ch-b small .ic{width:14px;height:14px;}
.ch-b > b{font:700 28px/1 var(--head);text-transform:uppercase;} .ch-m{display:flex;flex-wrap:wrap;gap:10px;font-size:12.5px;color:#d4d4da;} .ch-m span{display:inline-flex;align-items:center;gap:4px;} .ch-m .ic{width:13px;height:13px;}
.ch-b em{display:inline-flex;align-items:center;gap:5px;font-style:normal;font:700 13px/1 var(--head);text-transform:uppercase;color:#ff6b74;} .ch-b em .ic{width:14px;height:14px;}
.ch-how{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;padding:18px;border-radius:14px;background:var(--panel);border:1px solid var(--line);}
.ch-how span{display:grid;place-items:center;width:34px;height:34px;margin-bottom:10px;border-radius:50%;background:#e3202d;font:700 17px/1 var(--head);} .ch-how b{display:block;font:700 16px/1.1 var(--head);text-transform:uppercase;} .ch-how p{margin:5px 0 0;font-size:13px;color:var(--muted);}
.champs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;} .champ{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 10px;border-radius:14px;text-align:center;background:linear-gradient(160deg,rgba(255,210,61,.1),#121215);border:1px solid rgba(255,210,61,.3);}
.champ img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid #ffd23d;} .champ-ic .ic{width:40px;height:40px;color:#ffd23d;} .champ b{font:700 16px/1.1 var(--head);text-transform:uppercase;} .champ small{font-size:12px;color:var(--muted);}
.ch-hero{position:relative;margin-bottom:14px;padding:0 0 26px;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(90deg,rgba(9,9,11,.96) 40%,rgba(9,9,11,.7)),var(--ch-img) center/cover;}
.ch-hero .bc{padding:16px 26px 0;} .ch-hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:24px;align-items:center;padding:12px 26px 0;}
.ch-hero h1{margin:8px 0 10px;font:700 clamp(32px,4vw,56px)/.95 var(--head);text-transform:uppercase;}
.ch-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px;} .ch-tags .ch-st{position:static;} .ch-tags > span:not(.ch-st){display:inline-flex;align-items:center;gap:5px;font-size:13px;color:#d4d4da;} .ch-tags .ic{width:14px;height:14px;}
.ch-until{margin:0 0 14px;color:#cfcfd6;font-size:14px;} .ch-until [data-countdown] b{color:#ffd23d;font-family:ui-monospace,Consolas,monospace;}
.ch-beat small{display:flex;align-items:center;gap:6px;margin-bottom:8px;font:700 12px/1 var(--head);letter-spacing:.08em;text-transform:uppercase;color:#ffd23d;} .ch-beat small .ic{width:14px;height:14px;}
.ch-champ{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,320px);gap:18px;align-items:center;margin-bottom:14px;padding:18px;border-radius:16px;background:linear-gradient(90deg,rgba(255,210,61,.16),#121215);border:1px solid rgba(255,210,61,.45);}
.ch-champ-ic{font-size:54px;} .ch-champ small{font:700 12px/1 var(--head);letter-spacing:.12em;text-transform:uppercase;color:#ffd23d;} .ch-champ b{display:block;margin:4px 0;font:700 34px/1 var(--head);text-transform:uppercase;} .ch-champ a{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:700;color:#ffd23d;} .ch-champ a .ic{width:13px;height:13px;}
.ch-admin{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-color:rgba(227,32,45,.45);} .ch-admin > b{display:flex;align-items:center;gap:6px;} .ch-admin form{display:flex;gap:8px;flex-wrap:wrap;} .ch-admin .ic{width:15px;height:15px;}
.chp{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#111 center/cover;} .chp button{position:absolute;inset:0;display:grid;place-items:center;border:0;background:rgba(0,0,0,.3);color:#fff;cursor:pointer;transition:background .2s;} .chp button:hover{background:rgba(227,32,45,.35);} .chp button .ic{width:44px;height:44px;}
.chp iframe{position:absolute;inset:0;width:100%;height:100%;border:0;} .chp.sc{aspect-ratio:auto;height:166px;}
.chw{display:flex;align-items:center;gap:8px;min-width:0;} .chw img{width:32px;height:32px;border-radius:50%;object-fit:cover;flex:none;} .chw b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rnd{border-top:1px solid var(--line);} .rnd:first-of-type{border-top:0;} .rnd summary{display:flex;align-items:center;gap:10px;padding:12px 0;cursor:pointer;list-style:none;} .rnd summary::-webkit-details-marker{display:none;} .rnd summary b{font:700 18px/1 var(--head);text-transform:uppercase;} .rnd summary small{flex:1;color:var(--muted);} .rnd summary .ic{width:16px;height:16px;}
.mt{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center;margin-bottom:14px;padding:12px;border-radius:14px;background:#121215;border:1px solid var(--line);}
.mt.open{border-color:rgba(227,32,45,.35);}
.mt-s{display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:10px;transition:background .2s;} .mt-s.win{background:rgba(255,210,61,.08);outline:1px solid rgba(255,210,61,.45);} .mt-s.mine{background:rgba(227,32,45,.08);}
.mt-vs{font:700 28px/1 var(--head);color:#e3202d;text-shadow:0 0 18px rgba(227,32,45,.6);}
.mt-v{display:flex;align-items:center;gap:8px;} .mt-bar{flex:1;height:6px;border-radius:3px;background:#26262c;overflow:hidden;} .mt-bar i{display:block;height:100%;background:linear-gradient(90deg,#e3202d,#ffd23d);transition:width .4s;} .mt-v > b{min-width:24px;font:700 15px/1 var(--head);}
.mt-bye{display:flex;align-items:center;justify-content:center;gap:6px;aspect-ratio:16/9;border-radius:10px;border:1px dashed var(--line);color:var(--muted);font-size:13px;} .mt-bye .ic{width:16px;height:16px;}
.ent-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;}
.ent{position:relative;display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:12px;background:#121215;border:1px solid var(--line);} .ent.hid{opacity:.45;}
.ent-n{position:absolute;top:16px;left:16px;z-index:2;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e3202d;font:700 15px/1 var(--head);}
.ent-b small{display:block;margin-top:3px;font-size:12px;color:var(--muted);} .ent-f{display:flex;align-items:center;gap:8px;justify-content:space-between;} .ent-f > span{display:inline-flex;align-items:center;gap:5px;font-weight:700;} .ent-f .ic{width:14px;height:14px;}
.ch-enter .form{margin-bottom:10px;}
/* Colaboraciones */
.co-roles{margin-bottom:12px;flex-wrap:wrap;}
.co-list{display:flex;flex-direction:column;gap:12px;}
.co{padding:16px;border-radius:14px;background:var(--panel);border:1px solid var(--line);border-left:4px solid #3fb6ff;} .co.m-ofrezco{border-left-color:#1ed760;} .co.closed{opacity:.55;}
.co-h{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;} .co-h > span{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:999px;font-size:11.5px;font-weight:700;background:#1a1a1f;color:#cfcfd6;} .co-h .ic{width:12px;height:12px;}
.co-mode{background:rgba(63,182,255,.15)!important;color:#3fb6ff!important;} .m-ofrezco .co-mode{background:rgba(30,215,96,.15)!important;color:#1ed760!important;} .co-paid.p-pago{color:#ffd23d!important;}
.co h3{margin:0 0 6px;font:700 20px/1.1 var(--head);text-transform:uppercase;} .co > p{margin:0 0 12px;color:#d4d4da;font-size:14px;}
.co-f{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:10px;border-top:1px solid rgba(255,255,255,.06);}
.co-u{display:flex;align-items:center;gap:8px;flex:1;min-width:0;} .co-u img{width:36px;height:36px;border-radius:50%;object-fit:cover;} .co-u b{display:block;font-size:14px;} .co-u small{font-size:12px;color:var(--muted);}
.co-n{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--muted);} .co-n .ic{width:14px;height:14px;} .co-own{display:flex;gap:6px;}
.co-seg{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px;} .co-seg label{cursor:pointer;} .co-seg input{position:absolute;opacity:0;}
.co-seg span{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border-radius:10px;border:1px solid var(--line);font-weight:700;font-size:13px;} .co-seg input:checked + span{border-color:#e3202d;background:rgba(227,32,45,.12);color:#fff;} .co-seg .ic{width:15px;height:15px;}
.co-int{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;} .co-int li{display:flex;gap:10px;} .co-int img{width:34px;height:34px;border-radius:50%;object-fit:cover;} .co-int p{margin:3px 0;font-size:13px;color:#d4d4da;} .co-int small{color:var(--muted);}
.co-wa{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:#1ed760;} .co-wa .ic{width:14px;height:14px;}
/* Convocatorias */
.cv-list{display:flex;flex-direction:column;gap:12px;}
.cv{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px;border-radius:14px;background:var(--panel);border:1px solid var(--line);} .cv.soon{border-color:rgba(255,122,26,.55);}
.cv-d{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70px;border-radius:12px;background:#e3202d;} .cv-d b{font:700 28px/1 var(--head);} .cv-d small{font-size:11px;font-weight:700;text-transform:uppercase;}
.cv-t{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#ffd23d;} .cv h3{margin:4px 0 2px;font:700 20px/1.1 var(--head);text-transform:uppercase;} .cv-b small{color:#cfcfd6;font-size:13px;} .cv-b p{margin:6px 0 0;font-size:13.5px;color:var(--muted);}
.cv-a{display:flex;flex-direction:column;align-items:flex-end;gap:8px;} .cv-left{font-size:12px;font-weight:700;color:#ff7a1a;}
.cv-past{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13px;} .cv-past span{color:var(--muted);margin-right:8px;}
/* Escena local */
.sp-types{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin-bottom:14px;}
.sp-types a{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 6px;border-radius:12px;text-align:center;background:var(--panel);border:1px solid var(--line);} .sp-types a.on,.sp-types a:hover{border-color:#e3202d;background:rgba(227,32,45,.08);}
.sp-types .ic{width:22px;height:22px;color:#ff6b74;} .sp-types b{font-size:12px;line-height:1.2;} .sp-types small{font-size:11px;color:var(--muted);}
.sp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;}
.sp{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:var(--panel);border:1px solid var(--line);}
.sp-cv{position:relative;display:block;aspect-ratio:16/9;background:#141417 center/cover;} .sp-cv i{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;background:rgba(0,0,0,.75);font-size:11.5px;font-weight:700;font-style:normal;} .sp-cv i .ic{width:13px;height:13px;color:#ff6b74;}
.sp-b{display:flex;flex-direction:column;gap:6px;padding:14px;flex:1;} .sp-b h3{margin:0;font:700 18px/1.1 var(--head);text-transform:uppercase;} .sp-b > small{display:flex;align-items:center;gap:4px;color:#cfcfd6;font-size:12.5px;} .sp-b > small .ic{width:13px;height:13px;color:#e3202d;} .sp-b p{margin:0;font-size:13px;color:var(--muted);flex:1;}
.sp-a{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px;}
/* Lanzamientos */
.rl{position:relative;min-height:calc(100vh - 170px);display:grid;place-items:center;padding:40px 20px;border-radius:20px;overflow:hidden;border:1px solid var(--line);isolation:isolate;}
.rl::before{content:"";position:absolute;inset:-40px;z-index:-2;background:var(--rl-img) center/cover;filter:blur(40px) brightness(.4) saturate(1.3);} .rl::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 30%,transparent,rgba(0,0,0,.6));}
.rl-in{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:36px;align-items:center;max-width:980px;width:100%;}
.rl-cv{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:16px;box-shadow:0 40px 70px -24px #000;}
.rl-b h1{margin:8px 0 10px;font:700 clamp(36px,5vw,64px)/.95 var(--head);text-transform:uppercase;}
.rl-a{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;} .rl-a img{width:34px;height:34px;border-radius:50%;object-fit:cover;} .rl-a b{font-size:16px;}
.rl-cd{display:flex;gap:10px;margin-bottom:10px;} .rl-cd span{display:flex;flex-direction:column;align-items:center;min-width:74px;padding:12px 8px;border-radius:12px;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.12);} .rl-cd b{font:700 36px/1 var(--head);color:#ffd23d;} .rl-cd small{margin-top:4px;font-size:11px;text-transform:uppercase;color:var(--muted);}
.rl-links{display:flex;flex-direction:column;gap:8px;margin-top:16px;max-width:440px;}
.rl-links a{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.12);transition:border-color .2s,transform .2s;} .rl-links a:hover{border-color:var(--lc);transform:translateX(4px);}
.rl-links a > .ic:first-child{width:22px;height:22px;color:var(--lc);} .rl-links span{flex:1;} .rl-links a > .ic:last-child{width:16px;height:16px;color:var(--muted);}
.rl-yshh,.rl-sh{margin-top:14px;}
.rl-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;} .rl-l li{display:flex;gap:10px;} .rl-l img{width:52px;height:52px;border-radius:8px;object-fit:cover;} .rl-l b{display:block;font-size:14px;} .rl-l small{display:block;font-size:12px;color:var(--muted);} .rl-l span{font-size:12.5px;} .rl-l .ic{width:12px;height:12px;}
@media (max-width:1200px){ .cm-hub{grid-template-columns:repeat(3,minmax(0,1fr));} .dp{grid-template-columns:1fr 1fr;} .dp-vote{grid-column:1/-1;} .sp-types{grid-template-columns:repeat(4,minmax(0,1fr));} }
@media (max-width:900px){ .ch-hero-in,.rl-in,.ch-champ{grid-template-columns:1fr;} .ch-how{grid-template-columns:1fr 1fr;} .rl-cv{max-width:300px;margin:0 auto;} }
@media (max-width:640px){ .cm-hub,.cm-hub.home{grid-template-columns:1fr 1fr;} .dp{grid-template-columns:1fr;} .dp-cands{grid-template-columns:1fr;} .mt{grid-template-columns:1fr;} .mt-vs{text-align:center;} .cv{grid-template-columns:56px minmax(0,1fr);} .cv-d{height:56px;} .cv-a{grid-column:1/-1;align-items:flex-start;} .sp-types{grid-template-columns:repeat(2,minmax(0,1fr));} .rl-cd span{min-width:0;flex:1;} .ch-hero .bc{padding:14px 16px 0;} .ch-hero-in{padding:10px 16px 0;} }
.ch-beat .vwrap{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000;} .ch-beat .vwrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}

/* ══ Menú por categorías ══ */
.ys-ngs{gap:2px;margin-top:2px;}
.ys-ng + .ys-ng{border-top:1px solid rgba(255,255,255,.05);padding-top:2px;}
.ys-ng summary{display:flex;align-items:center;gap:10px;height:34px;padding:0 8px 0 12px;border-radius:7px;list-style:none;cursor:pointer;font:700 11.5px/1 var(--head);letter-spacing:.13em;text-transform:uppercase;color:#8b8b96;transition:color .15s,background .15s;user-select:none;}
.ys-ng summary::-webkit-details-marker{display:none;}
.ys-ng summary > .ic:first-child{width:15px;height:15px;color:#6d6d78;transition:color .15s;}
.ys-ng summary span{flex:1;}
.ys-ng summary > .ic:last-child{width:13px;height:13px;transition:transform .2s;transform:rotate(-90deg);opacity:.7;}
.ys-ng[open] summary > .ic:last-child{transform:none;}
.ys-ng summary:hover{color:#fff;background:rgba(255,255,255,.04);} .ys-ng summary:hover > .ic:first-child{color:#ff6b74;}
.ys-ng.has-on summary{color:#fff;} .ys-ng.has-on summary > .ic:first-child{color:var(--red);}
.ys-ng-l{display:flex;flex-direction:column;margin:2px 0 6px 19px;padding-left:6px;border-left:1px solid rgba(255,255,255,.07);}
.ys-nav .ys-ng-l a{height:31px;padding-left:12px;gap:12px;font-size:13.4px;}
.ys-nav .ys-ng-l a .ic{width:16px;height:16px;color:#a9a9b2;}
.ys-nav .ys-ng-l a.on{background:linear-gradient(90deg,rgba(227,32,45,.18),rgba(227,32,45,.04));color:#fff;box-shadow:inset 2px 0 0 var(--red);}
.ys-nav .ys-ng-l a.on .ic{color:var(--red);}
@media (max-width:1100px){ .ys-ng summary{height:40px;font-size:12px;} .ys-side .ys-nav .ys-ng-l a{height:38px;} }
/* Panel «Más» */
.ys-more .ys-mega{left:auto;right:-40px;width:min(980px,calc(100vw - 300px));padding:18px;}
.ys-mega-g{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px 14px;}
.ys-mega-c{display:flex;flex-direction:column;gap:1px;min-width:0;}
.ys-mega-h{display:flex;align-items:center;gap:10px;margin:0 0 8px;padding:0 6px 10px;border-bottom:1px solid var(--line);}
.ys-mega-h > .ic{flex:none;width:30px;height:30px;padding:7px;border-radius:9px;background:rgba(227,32,45,.14);color:#ff6b74;}
.ys-mega-h b{display:block;font:700 14px/1.1 var(--head);text-transform:uppercase;letter-spacing:.04em;color:#fff;} .ys-mega-h small{display:block;margin-top:2px;font-size:11px;color:var(--muted);}
.ys-mega .ys-mega-c a{padding:8px 8px;font-size:13.4px;} .ys-mega .ys-mega-c a .ic{width:15px;height:15px;}
.ys-mega .ys-mega-c a:hover .ic{color:#ff6b74;}
.ys-mega-f{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);}
.ys-mega .ys-mega-f a{width:auto;padding:6px 8px;font-size:12.5px;color:var(--muted);} .ys-mega .ys-mega-f a:hover{color:#fff;}
@media (max-width:1400px){ .ys-mega-g{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;} .ys-more .ys-mega{width:min(720px,calc(100vw - 280px));} }
.ys-top{position:relative;z-index:70;} .ys-more .ys-mega{position:fixed;top:60px;left:262px;right:auto;width:min(1060px,calc(100vw - 290px));max-height:calc(100vh - 80px);overflow-y:auto;} @media (max-width:1400px){ .ys-more .ys-mega{width:min(760px,calc(100vw - 290px));} }

/* ══ Panel «Más» v2 ══ */
.ys-more .ys-mega{width:min(1040px,calc(100vw - 290px));padding:14px;border-radius:16px;max-height:calc(100vh - 76px);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;background:linear-gradient(180deg,#16161a,#0f0f12);box-shadow:0 30px 70px -20px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.04);}
.ys-more .ys-mega::-webkit-scrollbar{display:none;}
.dd.open > .ys-mega{display:grid;grid-template-columns:230px minmax(0,1fr);gap:16px;}
.ys-mega-side{display:flex;flex-direction:column;gap:8px;}
.ys-mega .ys-mf{position:relative;display:flex;align-items:center;gap:11px;padding:13px 12px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);transition:transform .2s,border-color .2s;}
.ys-mega .ys-mf:hover{transform:translateY(-2px);background:none;}
.ys-mf.mf-tv{background:linear-gradient(135deg,#e3202d,#7a0c13);border-color:transparent;} .ys-mf.mf-tv:hover{background:linear-gradient(135deg,#ff3442,#8f0f18)!important;}
.ys-mf.mf-album{background:linear-gradient(135deg,rgba(255,210,61,.22),rgba(255,210,61,.05));border-color:rgba(255,210,61,.35);} .ys-mf.mf-album > .ic:first-child{color:#ffd23d;}
.ys-mf.mf-up{background:#141418;} .ys-mf.mf-up > .ic:first-child{color:#ff6b74;} .ys-mf.mf-up:hover{border-color:rgba(227,32,45,.5);}
.ys-mega .ys-mf > .ic:first-child{flex:none;width:22px;height:22px;}
.ys-mf span{flex:1;min-width:0;} .ys-mf b{display:block;font:700 14px/1.1 var(--head);text-transform:uppercase;letter-spacing:.03em;color:#fff;} .ys-mf small{display:block;margin-top:3px;font-size:11.5px;color:rgba(255,255,255,.72);}
.ys-mega .ys-mf > .ic:last-child{width:14px;height:14px;color:rgba(255,255,255,.6);transition:transform .2s;} .ys-mf:hover > .ic:last-child{transform:translateX(3px);}
.ys-mf .mf-live{flex:none;width:12px;height:12px;margin:0 5px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.25);animation:onair 1.2s infinite;}
.ys-mega .ys-mega-f{display:flex;flex-wrap:wrap;gap:2px 10px;margin:auto 0 0;padding:10px 4px 0;border-top:1px solid var(--line);}
.ys-mega .ys-mega-f a{width:auto;padding:4px 2px;font-size:12px;color:var(--muted);} .ys-mega .ys-mega-f a:hover{background:none;color:#fff;}
.ys-mega .ys-mega-g{display:block;columns:4 170px;column-gap:14px;}
.ys-mega .ys-mega-c{display:flex;flex-direction:column;gap:0;break-inside:avoid;margin-bottom:12px;padding:8px;border-radius:12px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);}
.ys-mega .ys-mega-h{gap:9px;margin:0 0 6px;padding:2px 4px 9px;}
.ys-mega .ys-mega-h > .ic{width:28px;height:28px;padding:6px;border-radius:8px;}
.ys-mega .ys-mega-h b{font-size:13px;} .ys-mega .ys-mega-h small{font-size:10.5px;}
.ys-mega .ys-mega-c a{gap:9px;padding:6px 8px;border-radius:7px;font-size:13px;transition:background .15s,color .15s,padding .15s;}
.ys-mega .ys-mega-c a .ic{width:15px;height:15px;transition:color .15s;}
.ys-mega .ys-mega-c a:hover{padding-left:11px;background:rgba(227,32,45,.1);} .ys-mega .ys-mega-c a:hover .ic{color:#ff6b74;}
@media (max-width:1400px){ .ys-more .ys-mega{width:min(860px,calc(100vw - 290px));} .ys-mega .ys-mega-g{columns:3 160px;} }
@media (max-width:1180px){ .dd.open > .ys-mega{grid-template-columns:1fr;} .ys-mega-side{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));} .ys-mega .ys-mega-f{display:none;} }

/* ══ Contacto v2 ══ */
.ct-hero{position:relative;margin-bottom:14px;padding:0 0 26px;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(circle at 85% 20%,rgba(227,32,45,.3),transparent 50%),radial-gradient(circle at 10% 100%,rgba(255,210,61,.1),transparent 45%),linear-gradient(160deg,#141417,#09090b);}
.ct-hero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 26px,rgba(255,255,255,.014) 26px 27px);pointer-events:none;}
.ct-hero .bc{position:relative;padding:16px 28px 0;}
.ct-hero-in{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:30px;align-items:center;padding:12px 28px 0;}
.ct-hero h1{margin:8px 0 12px;font:700 clamp(38px,4.8vw,66px)/.92 var(--head);text-transform:uppercase;} .ct-hero h1 span{background:linear-gradient(90deg,#ff3442,#ffd23d);-webkit-background-clip:text;background-clip:text;color:transparent;}
.ct-hero p{margin:0;max-width:520px;color:#d4d4da;font-size:15.5px;}
.ct-ch{display:flex;flex-direction:column;gap:10px;}
.ct-c{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(6px);transition:border-color .2s;}
.ct-c:hover{border-color:rgba(227,32,45,.5);} .ct-c > div{flex:1;min-width:0;}
.ct-ic{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:12px;background:rgba(227,32,45,.16);color:#ff6b74;} .ct-ic .ic{width:22px;height:22px;}
.ct-c.wa .ct-ic{background:rgba(37,211,102,.16);color:#25d366;}
.ct-c small{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);} .ct-c b{display:block;margin-top:2px;font-size:15px;word-break:break-all;color:#fff;}
.ct-c > .ic:last-child{width:16px;height:16px;color:var(--muted);}
.ct-copy{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:#141418;color:#cfcfd6;cursor:pointer;transition:all .2s;} .ct-copy .ic{width:16px;height:16px;} .ct-copy:hover{border-color:#e3202d;color:#fff;} .ct-copy.ok{background:#1fbf5b;border-color:#1fbf5b;color:#fff;}
.ct-soc{display:flex;gap:8px;margin-top:6px;} .ct-soc a{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#141418;border:1px solid var(--line);transition:transform .2s;} .ct-soc a:hover{transform:translateY(-2px);} .ct-soc svg{width:18px;height:18px;}
.ct-ok{display:flex;gap:14px;align-items:center;margin-bottom:14px;padding:16px 18px;border-radius:14px;background:rgba(31,191,91,.1);border:1px solid rgba(31,191,91,.45);} .ct-ok > .ic{flex:none;width:40px;height:40px;padding:9px;border-radius:50%;background:#1fbf5b;color:#fff;} .ct-ok b{font:700 18px/1 var(--head);text-transform:uppercase;} .ct-ok p{margin:4px 0 0;color:#d4d4da;}
.ct-step{display:flex;align-items:center;gap:10px;margin:0 0 14px;font:700 18px/1 var(--head);text-transform:uppercase;} .ct-step span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e3202d;font-size:15px;}
.ct-form .ct-tip + .ct-step{margin-top:24px;}
.ct-topics{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;}
.ct-t{position:relative;cursor:pointer;} .ct-t input{position:absolute;opacity:0;pointer-events:none;}
.ct-t span{display:flex;flex-direction:column;align-items:flex-start;gap:8px;height:100%;padding:12px;border-radius:12px;background:#121215;border:1px solid var(--line);transition:border-color .15s,background .15s,transform .15s;}
.ct-t span .ic{width:20px;height:20px;color:#8a8a95;transition:color .15s;} .ct-t b{font-size:13px;font-weight:600;line-height:1.25;color:#e8e8ec;}
.ct-t:hover span{border-color:rgba(227,32,45,.5);transform:translateY(-2px);}
.ct-t input:checked + span{background:linear-gradient(160deg,rgba(227,32,45,.2),rgba(227,32,45,.05));border-color:#e3202d;box-shadow:0 0 0 1px #e3202d inset;} .ct-t input:checked + span .ic{color:#ff6b74;}
.ct-t input:focus-visible + span{outline:2px solid #ffd23d;outline-offset:2px;}
.ct-tip{display:flex;gap:12px;align-items:flex-start;margin-top:12px;padding:12px 14px;border-radius:12px;background:rgba(255,210,61,.07);border:1px solid rgba(255,210,61,.25);} .ct-tip > .ic{flex:none;width:18px;height:18px;margin-top:2px;color:#ffd23d;}
.ct-tip p{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:13.5px;color:#d4d4da;} .ct-tip a{display:inline-flex;align-items:center;gap:5px;font-weight:700;color:#ffd23d;} .ct-tip a .ic{width:14px;height:14px;} .ct-tip a[hidden]{display:none;}
.ct-form .f{position:relative;} .ct-count{position:absolute;right:10px;bottom:10px;font-size:11px;color:var(--muted);pointer-events:none;} .ct-count b{color:#cfcfd6;}
.ct-send{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid var(--line);} .ct-send p{display:flex;align-items:center;gap:6px;margin:0;max-width:420px;} .ct-send p .ic{width:14px;height:14px;flex:none;}
.ct-faq details{border-top:1px solid var(--line);} .ct-faq details:first-of-type{border-top:0;}
.ct-faq summary{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;cursor:pointer;list-style:none;font-weight:700;font-size:14px;} .ct-faq summary::-webkit-details-marker{display:none;} .ct-faq summary .ic{flex:none;width:15px;height:15px;transition:transform .2s;} .ct-faq details[open] summary .ic{transform:rotate(180deg);}
.ct-faq p{margin:0 0 12px;font-size:13.5px;color:#cfcfd6;} .ct-faq h2 .ic{width:16px;height:16px;vertical-align:-2px;margin-right:6px;}
.ct-quick{display:flex;flex-direction:column;gap:8px;} .ct-quick a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:#121215;border:1px solid var(--line);transition:border-color .2s,transform .2s;} .ct-quick a:hover{border-color:rgba(227,32,45,.5);transform:translateX(3px);}
.ct-quick a > .ic{flex:none;width:34px;height:34px;padding:8px;border-radius:9px;background:rgba(227,32,45,.14);color:#ff6b74;} .ct-quick b{display:block;font-size:14px;} .ct-quick small{display:block;font-size:12px;color:var(--muted);}
@media (max-width:900px){ .ct-hero-in{grid-template-columns:1fr;} }
@media (max-width:640px){ .ct-hero .bc{padding:14px 16px 0;} .ct-hero-in{padding:10px 16px 0;} .ct-topics{grid-template-columns:1fr 1fr;} .ct-send .b{width:100%;justify-content:center;} }
.ct-send p{display:block;} .ct-send p .ic{display:inline-block;vertical-align:-2px;margin-right:4px;}