/* Servicios del perfil publico (js/svc-public.js). Mismos colores y letras del sitio: rojo #FF2D2D, Bebas Neue y Barlow Condensed. */
#svc-pub{container-type:inline-size;display:none;scroll-margin-top:100px;}
#tp-servicios.sp-on #svc-pub{display:block;}
html.svc-admin #svc-pub{display:none!important;}
/* la vista nueva reemplaza al selector y a los paneles de siempre (siguen ahi, ocultos, como base del pedido) */
html:not(.svc-admin) #tp-servicios.sp-on .cat-switcher-row,html:not(.svc-admin) #tp-servicios.sp-on .cat-panel{display:none!important;}

.sp-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px;}
.sp-cats{display:flex;gap:10px;flex-wrap:wrap;}
.sp-cat{display:flex;align-items:center;gap:10px;padding:11px 20px;background:var(--bg2);border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#bdb7b1;font-family:'Barlow Condensed',sans-serif;font-size:.98rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:border-color .15s,background .15s,color .15s;}
.sp-cat img{width:24px;height:24px;object-fit:contain;}
.sp-cat:hover{border-color:rgba(255,45,45,.4);color:#fff;}
.sp-cat.on{background:#2a1215;border-color:rgba(255,45,45,.55);color:#fff;}
.sp-ctl{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.82rem;}
.sp-ctl span{margin-right:8px;}
.sp-arrow{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:none;border:0;color:#bdb7b1;cursor:pointer;}
.sp-arrow:hover{color:#fff;}

.sp-rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:6px;cursor:grab;}
.sp-rail::-webkit-scrollbar{display:none;}
.sp-tile{flex:0 0 200px;padding:0;background:none;border:0;text-align:left;scroll-snap-align:start;cursor:pointer;}
.sp-art{display:block;height:94px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background-size:cover;background-position:center;transition:border-color .15s;}
.sp-nm{display:block;margin-top:9px;color:#bdb7b1;font-family:'Barlow Condensed',sans-serif;font-size:.95rem;font-weight:600;letter-spacing:.05em;}
.sp-ln{display:block;width:36px;height:2px;margin-top:6px;background:transparent;}
.sp-tile:hover .sp-art{border-color:rgba(255,255,255,.3);}
.sp-tile.on .sp-art{border-color:rgba(255,45,45,.65);}
.sp-tile.on .sp-nm{color:#fff;}
.sp-tile.on .sp-ln{background:var(--red);}
.sp-hr{height:1px;background:rgba(255,255,255,.08);margin:22px 0 30px;}

/* catalogo */
.sp-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:44px;align-items:start;}
.sp-media{position:relative;}
.sp-frame{position:relative;aspect-ratio:2/1;overflow:hidden;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#000;}
.sp-frame.contain{aspect-ratio:16/10;}
.sp-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s;}
.sp-frame.contain .sp-slide{object-fit:contain;}
.sp-slide.on{opacity:1;}
.sp-ctrl{position:absolute;right:14px;bottom:14px;display:flex;align-items:center;gap:8px;padding:7px 12px;background:rgba(0,0,0,.68);border-radius:99px;}
.sp-dot{width:22px;height:6px;padding:0;border:0;border-radius:3px;background:rgba(255,255,255,.35);cursor:pointer;}
.sp-dot.on{background:var(--red);}
.sp-pause{display:flex;align-items:center;justify-content:center;width:24px;height:22px;margin-left:4px;padding:0 0 0 10px;box-sizing:content-box;background:none;border:0;border-left:1px solid rgba(255,255,255,.22);color:#fff;cursor:pointer;}
.sp-full{display:flex;align-items:center;gap:7px;margin:10px 0 18px auto;padding:0;background:none;border:0;color:var(--muted);font-size:.82rem;cursor:pointer;}
.sp-full:hover{color:#fff;}
.sp-full svg{width:14px;height:14px;}
.sp-pres h2{margin:0;font-family:'Bebas Neue',sans-serif;font-size:2.8rem;font-weight:400;letter-spacing:.03em;line-height:1;}
.sp-pres>p{margin:14px 0 22px;color:#cfc9c3;font-size:1rem;line-height:1.65;white-space:pre-line;}
.sp-facts{display:flex;flex-wrap:wrap;gap:10px 44px;margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);}
.sp-facts small{display:block;margin-bottom:3px;color:var(--muted);font-size:.76rem;}
.sp-facts b{font-family:'Barlow Condensed',sans-serif;font-size:1.12rem;font-weight:700;letter-spacing:.04em;}
.sp-intro{display:flex;align-items:center;gap:14px;margin-top:20px;}
.sp-intro>span{font-family:'Barlow Condensed',sans-serif;font-size:.82rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);}

.sp-hd{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px;}
.sp-hd h3{margin:0;font-family:'Barlow Condensed',sans-serif;font-size:1.4rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;}
.sp-hd span{color:var(--muted);font-size:.82rem;}
.sp-list{overflow:hidden;background:var(--bg2);border:1px solid rgba(255,255,255,.08);border-radius:14px;}
.sp-row{display:grid;grid-template-columns:minmax(0,1fr) auto 28px;gap:18px;align-items:center;width:100%;padding:22px 26px;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.08);color:var(--text);text-align:left;cursor:pointer;transition:background .15s;}
.sp-row:last-child{border-bottom:0;}
.sp-row:hover{background:#17171a;}
.sp-row-t b{display:inline;font-family:'Barlow Condensed',sans-serif;font-size:1.3rem;font-weight:700;letter-spacing:.04em;}
.sp-row-t small{display:block;margin-top:4px;color:var(--muted);font-size:.88rem;line-height:1.45;}
.sp-bdg{display:inline-block;margin-left:10px;padding:3px 10px;border-radius:99px;font-family:'Barlow Condensed',sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;vertical-align:middle;}
.sp-bdg.off{background:rgba(255,45,45,.14);color:#ff7a7a;}
.sp-bdg.x{background:rgba(120,110,255,.16);color:#b8b2ff;}
.sp-price{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:0 7px;text-align:right;}
.sp-price .sp-from{flex-basis:100%;margin-bottom:2px;color:var(--muted);font-size:.74rem;}
.sp-v{font-family:'Bebas Neue',sans-serif;font-size:1.9rem;font-weight:400;line-height:1;color:var(--gold);}
.sp-tk{width:.62em;height:.62em;margin-right:.18em;object-fit:contain;vertical-align:-.02em;}
.sp-price s{color:var(--muted);font-size:.88rem;}
.sp-unit{flex-basis:100%;margin-top:3px;color:var(--muted);font-size:.76rem;}
.sp-go{display:flex;align-items:center;justify-content:center;color:#bdb7b1;transition:color .15s,transform .15s;}
.sp-row:hover .sp-go{color:#fff;transform:translateX(3px);}
.sp-note{margin:14px 0 0;color:var(--muted);font-size:.82rem;}

/* ficha */
.sp-back{display:flex;align-items:center;gap:8px;margin-bottom:22px;padding:0;background:none;border:0;color:#ff7d7d;font-family:'Barlow Condensed',sans-serif;font-size:.9rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;}
.sp-back:hover{color:#fff;}
.sp-fcols{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:44px;align-items:start;}
.sp-svc-audio{display:flex;flex-direction:column;gap:8px;margin-top:6px;}
.sp-svc-audio span{font-family:'Barlow Condensed',sans-serif;font-size:.82rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);}
.sp-svc-audio audio{width:100%;}
.sp-kick{display:flex;gap:0;font-family:'Barlow Condensed',sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);}
.sp-kick span+span::before{content:'·';margin:0 9px;}
.sp-fi h1{margin:8px 0 14px;font-family:'Bebas Neue',sans-serif;font-size:3.2rem;font-weight:400;letter-spacing:.02em;line-height:1;word-break:break-word;}
.sp-fi h1 .sp-bdg{font-size:.74rem;margin-left:12px;}
.sp-sum{margin:0 0 12px;color:#fff;font-size:1.12rem;font-weight:600;line-height:1.5;}
.sp-desc{margin:0 0 12px;color:#cfc9c3;line-height:1.65;white-space:pre-line;}
.sp-two{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-top:34px;padding-top:30px;border-top:1px solid rgba(255,255,255,.08);}
.sp-two h4{margin:0 0 14px;font-family:'Barlow Condensed',sans-serif;font-size:1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;}
.sp-two ul{margin:0;padding:0;list-style:none;}
.sp-two li{display:flex;gap:12px;align-items:flex-start;padding:8px 0;color:#d8d2cc;}
.sp-two li svg{flex-shrink:0;margin-top:3px;color:var(--green);}
.sp-two p{margin:0;color:#cfc9c3;line-height:1.65;white-space:pre-line;}
.sp-buy{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:34px;padding:26px 30px;background:var(--bg2);border:1px solid rgba(255,255,255,.08);border-radius:14px;}
.sp-buy-p .sp-price{justify-content:flex-start;text-align:left;}
.sp-buy-p .sp-v{font-size:2.8rem;}
.sp-buy-n{display:block;margin-top:6px;color:var(--muted);font-size:.8rem;}
.sp-btns{display:flex;gap:12px;flex-wrap:wrap;}
.sp-btn{display:inline-flex;align-items:center;gap:9px;padding:14px 28px;background:var(--bg);border:1px solid #333;border-radius:10px;color:var(--text);font-family:'Barlow Condensed',sans-serif;font-size:.95rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:border-color .15s,background .15s;}
.sp-btn:hover{border-color:var(--red);}
.sp-btn.p{background:var(--red);border-color:var(--red);color:#fff;}
.sp-btn.p:hover{background:#e01f1f;}
.sp-btn svg{width:16px;height:16px;}
.sp-rev{display:inline-flex;align-items:center;gap:8px;margin-top:16px;color:#ff7d7d;font-family:'Barlow Condensed',sans-serif;font-size:.88rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;}
.sp-rev:hover{color:#fff;}
.sp-rev svg{width:16px;height:16px;}

/* imagen completa */
#sp-lightbox{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:28px;background:rgba(0,0,0,.92);cursor:zoom-out;}
#sp-lightbox.open{display:flex;}
#sp-lightbox img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;}
.sp-lb-x{position:absolute;top:14px;right:18px;width:40px;height:40px;background:none;border:0;color:#fff;font-size:2rem;line-height:1;cursor:pointer;}

@container (max-width: 760px){
  .sp-cols,.sp-fcols,.sp-two{grid-template-columns:1fr;gap:28px;}
  .sp-pres h2{font-size:2.3rem;}
  .sp-fi h1{font-size:2.5rem;}
  .sp-row{grid-template-columns:minmax(0,1fr) auto;padding:18px 16px;}
  .sp-go{display:none;}
  .sp-v{font-size:1.6rem;}
  .sp-buy{padding:20px;}
  .sp-btns{width:100%;}
  .sp-btn{flex:1;justify-content:center;}
  .sp-tile{flex-basis:150px;}
  .sp-art{height:76px;}
}
@media (prefers-reduced-motion: reduce){.sp-slide{transition:none;}}

/* sesion gratis */
.sp-bdg.free{background:rgba(0,230,118,.12);color:var(--green);}
.sp-free{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:34px;padding:22px 26px;background:#0f1a14;border:1px solid rgba(0,230,118,.3);border-radius:14px;}
.sp-free b{display:block;font-family:'Barlow Condensed',sans-serif;font-size:1.15rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--green);}
.sp-free span{display:block;margin-top:4px;color:#cfc9c3;font-size:.92rem;}
.sp-free i{font-style:normal;color:var(--muted);}
.sp-free .sp-tk{margin-right:.2em;}
.sp-claim{position:fixed;inset:0;z-index:10001;display:none;align-items:center;justify-content:center;padding:20px;}
.sp-claim.open{display:flex;}
.sp-claim-bg{position:absolute;inset:0;background:rgba(0,0,0,.8);}
.sp-claim-box{position:relative;width:100%;max-width:520px;max-height:92vh;overflow:auto;padding:30px 32px;background:var(--bg2);border:1px solid rgba(255,255,255,.12);border-radius:14px;}
.sp-claim-box h3{margin:0 0 18px;font-family:'Bebas Neue',sans-serif;font-size:2rem;font-weight:400;letter-spacing:.03em;}
.sp-claim-svc{display:flex;flex-direction:column;gap:4px;padding:16px 18px;background:#0f1a14;border:1px solid rgba(0,230,118,.3);border-radius:10px;}
.sp-claim-svc b{font-family:'Barlow Condensed',sans-serif;font-size:1.2rem;letter-spacing:.04em;}
.sp-claim-svc span{color:#cfc9c3;font-size:.9rem;}
.sp-claim-svc s{color:var(--muted);margin:0 6px;}
.sp-claim-svc em{font-style:normal;font-weight:700;color:var(--green);}
.sp-claim-note{margin:16px 0 20px;color:var(--muted);font-size:.88rem;line-height:1.55;}
.sp-claim-lb{display:block;margin-bottom:8px;font-family:'Barlow Condensed',sans-serif;font-size:.9rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#cfc9c3;}
.sp-claim-lb span{font-family:'Barlow',sans-serif;font-weight:400;letter-spacing:0;text-transform:none;color:var(--muted);}
#sp-claim-note{width:100%;padding:12px 14px;background:var(--bg);border:1px solid #2a2a2a;border-radius:10px;color:var(--text);font-family:'Barlow',sans-serif;font-size:.95rem;line-height:1.5;resize:vertical;}
#sp-claim-note:focus{outline:none;border-color:var(--red);}
.sp-claim-err{min-height:20px;margin-top:10px;color:#ff7d7d;font-size:.86rem;}
.sp-claim-act{display:flex;justify-content:flex-end;gap:12px;margin-top:10px;}