/* v200 · TEMA TELEGRAM — versión simple: sin animaciones, colores de Telegram.
   Se carga DESPUÉS de estilo.css y temas.css. Para volver al diseño anterior:
   quita la línea <link ... telegram.css> de index.php. */
:root, html, html[data-theme], html[data-tema]{
  --tg-bg:#151515; --tg-panel:#0b0b0b; --tg-card:#1e1e1e; --tg-line:#2E2E2E;
  --tg-text:#F5F5F5; --tg-dim:#A8A8A8; --tg-blue:#FF9000; --tg-blue2:#E67E00;
  --tg-plat:#FF9000; --tg-black:#00AFF0; --tg-velv:#FF7EB6;
}
html, body{background:var(--tg-bg) !important; color:var(--tg-text) !important; font-family:-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;}

/* sin animación */
*, *::before, *::after{animation:none !important; transition:none !important; scroll-behavior:auto !important;}
.reveal{opacity:1 !important; transform:none !important;}
canvas#estrellas, #estrellas, .starfield, .fondo-estrellas, .aurora, .particulas, .orb, .glow-bg{display:none !important;}

/* lo que sobra */
#storiesZona, #ruletaZona, #dinamicasZona, #topfans, #porque-elegirnos, #en-numeros, #unete-equipo, #pagos, #liteToggle{display:none !important;}

/* barra superior */
#top{background:var(--tg-panel) !important; border-bottom:1px solid var(--tg-line) !important; box-shadow:none !important; backdrop-filter:none !important;}
#top a, #top .nav-link-btn{color:var(--tg-text) !important;}
#top a:hover, #top .nav-link-btn:hover{color:var(--tg-blue) !important;}
.icon-toggle{background:transparent !important; color:var(--tg-blue) !important; border-color:transparent !important;}

/* tarjetas planas */
.card, .channel-row, .payment-card, .faq-item, .testimonial, .opinion, .review-card, .viphome-section{background:var(--tg-card) !important; border:1px solid var(--tg-line) !important; box-shadow:none !important; border-radius:12px !important;}
.card::before, .card::after{display:none !important;}
.catalog-title, .section-title{color:var(--tg-text) !important; text-shadow:none !important;}
.section-eyebrow, .catalog-count, .cat-filter-hint{color:var(--tg-dim) !important;}

/* categorías grandes */
.tg-cats{padding-top:18px; padding-bottom:6px;}
.tg-h{font-size:24px; font-weight:700; margin:0 0 6px; color:var(--tg-text);}
.tg-sub{color:var(--tg-dim); margin:0 0 14px; font-size:14px; line-height:1.45;}
.tg-sub b{color:var(--tg-blue);}
.tg-cat-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:12px;}
.tg-cat{padding:14px; border-radius:16px; background:var(--tg-card); border:2px solid var(--c);}
.tg-cat.on{background:#222222;}
.tg-cat-top{display:flex; align-items:center; gap:12px;}
.tg-cat-e{font-size:34px; line-height:1;}
.tg-cat-t{flex:1; min-width:0;}
.tg-cat-n{font-size:22px; font-weight:800; letter-spacing:.5px; display:block; color:var(--c);}
.tg-cat-s{font-size:13px; color:var(--tg-dim); display:block; margin-top:2px;}
.tg-precio{font-size:13px; font-weight:700; color:var(--tg-text); background:var(--tg-panel); border-radius:10px; padding:6px 9px; white-space:nowrap;}
.tg-cat-btns{display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:12px;}
.tg-ver, .tg-comp{display:flex; align-items:center; justify-content:center; padding:13px 8px; border-radius:12px; font:inherit; font-weight:800; font-size:15px; cursor:pointer; text-decoration:none; border:2px solid var(--c);}
.tg-ver{background:transparent; color:var(--tg-text);}
.tg-comp{background:var(--c); color:#0b0b0b !important;}
.tg-ver:active, .tg-comp:active{opacity:.8;}
.tg-ambas{display:flex; justify-content:space-between; align-items:center; gap:8px; margin-top:12px; padding:14px; border-radius:14px; background:linear-gradient(90deg,#FF9000,#00AFF0); color:#0b0b0b !important; text-decoration:none; font-weight:800; font-size:15px;}
.tg-ambas b{background:#0b0b0b; color:#fff; border-radius:8px; padding:4px 8px; font-size:12px; white-space:nowrap;}
.tg-detectar{display:flex; align-items:center; gap:10px; width:100%; margin-top:10px; padding:14px; border-radius:14px; background:var(--tg-panel); border:2px dashed var(--tg-blue); color:var(--tg-text); font:inherit; font-size:15px; cursor:pointer; text-align:left;}
.tg-detectar i{font-size:24px; color:var(--tg-blue);}
.tg-detectar b{color:var(--tg-blue);}

/* comprar */
.tg-comprar{padding-top:22px; padding-bottom:22px;}
.tg-pasos{margin:0 0 14px; padding-left:20px; color:var(--tg-text); line-height:1.7; font-size:15px;}
.tg-btn{display:block; text-align:center; text-decoration:none; padding:14px; border-radius:12px; background:var(--tg-blue); color:#fff !important; font-weight:700; margin-top:10px;}
.tg-btn:hover{background:var(--tg-blue2);}
.tg-btn-todo{background:var(--tg-card); border:1px solid var(--tg-blue); color:var(--tg-blue) !important;}
.tg-pagar .tg-btn{margin-top:0; background:var(--c); color:#0b0b0b !important;}
.tg-nota{color:var(--tg-dim); font-size:13px; margin-top:12px;}

/* la barra de categorías de abajo (teléfono): más grande y clara */
#mobileTabbar{background:var(--tg-panel) !important; border-top:1px solid var(--tg-line) !important;}
#mobileTabbar .tab-cat{font-weight:700 !important; font-size:13px !important;}
#mobileTabbar .tab-cat.ultra-max{display:none !important;}

/* ── variables del sitio → colores de Telegram ── */
:root{
  --bg:#151515; --bg-2:#0b0b0b; --surface:#1e1e1e; --surface-2:#24323F;
  --line:#2E2E2E; --line-strong:#3A4D61;
  --purple:#FF9000; --purple-soft:#6CC4F5; --purple-deep:#E67E00; --purple-glow:rgba(255,144,0,.0);
  --plata:#A8A8A8; --text:#F5F5F5; --text-dim:#A8A8A8; --text-faint:#6C7C8B;
  --fp-naranja:#FF9000; --fp-naranja-claro:#6CC4F5; --fp-nar-vivo:#FF9000; --fp-nar-rojo:#E67E00;
  --ultra-1:#FF9000; --ultra-2:#E67E00; --ultra-3:#6CC4F5; --ultra-4:#FF9000;
}
html, body, main, .catalog, .wrap{background-color:transparent;}
body{background:var(--tg-bg) !important;}
/* cabecera de cada familia y sus botones: azul Telegram plano */
.fam-cabecera, .fam-cabecera.ultra{background:var(--tg-card) !important; border:1px solid var(--tg-line) !important; box-shadow:none !important; border-radius:14px !important;}
.fam-cabecera *{text-shadow:none !important;}
.fam-cabecera h1, .fam-cabecera h2, .fam-cabecera h3, .fam-cabecera [class*="titulo"], .fam-cabecera [class*="nombre"]{color:var(--tg-text) !important; font-family:inherit !important; -webkit-text-fill-color:var(--tg-text) !important; background:none !important;}
.unlock-btn, [class*="desbloq"], .card-cta{background:var(--tg-blue) !important; color:#fff !important; border:0 !important; box-shadow:none !important; filter:none !important; border-radius:10px !important;}
.unlock-btn::after{display:none !important;}
.catalog-row{background:transparent !important; border:0 !important;}
.catalog-row > *{box-shadow:none !important;}
.vip-subnav *, .filter-row .chip{background:var(--tg-card) !important; color:var(--tg-text) !important; border:1px solid var(--tg-line) !important; box-shadow:none !important; text-shadow:none !important; background-image:none !important;}
.filter-row .chip.on, .filter-row .chip.active, .vip-subnav .on, .vip-subnav .active{background:var(--tg-blue) !important; color:#fff !important;}
.card h3, .card .card-name, .card [class*="nombre"]{font-family:inherit !important; color:var(--tg-text) !important;}
/* barra de abajo: pegada, plana y sin el rótulo */
#mobileTabbar{border-radius:0 !important; left:0 !important; right:0 !important; bottom:0 !important; width:100% !important; box-shadow:none !important; background-image:none !important;}
#mobileTabbar .barra-cats-rotulo{display:none !important;}
#mobileTabbar .tab-cat span{background:var(--tg-card) !important; border:1px solid var(--tg-line) !important; color:var(--tg-text) !important; box-shadow:none !important;}
.mobile-tabbar.barra-cats .tab-cat[data-familia="platinum"]{--tcc:#FF9000 !important;}
.mobile-tabbar.barra-cats .tab-cat[data-familia="black"]{--tcc:#00AFF0 !important;}
#catalogo, .vip-cuerpo, #vipCuerpo, .catalog, section{background-color:transparent !important; background-image:none !important;}
.vip-subnav *, .fam-cabecera [class*="chip"] *, .fam-cabecera button *{color:var(--tg-text) !important; background:transparent !important; -webkit-text-fill-color:var(--tg-text) !important; text-shadow:none !important;}
.fam-cabecera button{background:var(--tg-panel) !important; border:1px solid var(--tg-line) !important; box-shadow:none !important;}
.fam-cabecera button.on, .fam-cabecera button.activo, .fam-cabecera button[aria-pressed="true"], .fam-cabecera button.sel{background:var(--tg-blue) !important;}
.fam-cabecera button *, .vip-subnav button *, .filter-row .chip *{background:none !important; border:0 !important; box-shadow:none !important; padding-top:0 !important; padding-bottom:0 !important;}

/* v201 · UNA SOLA LISTA por categoría: sin pastillas de niveles ni encabezados por nivel */
.vip-subnav, .vip-apartado, .vip-catinfo, .vip-nivel-vacio, .vip-bloque .catinfo{display:none !important;}
.vip-bloque{margin-top:0 !important; padding-top:0 !important;}
/* lo que pesa y no aporta */
.sello-ia, .vip-hero-desb{display:none !important;}
img{content-visibility:auto;}
.tab-cat[hidden]{display:none !important;}

/* v202 · fuera la barra de abajo "categorías": todo vive en la pantalla principal y en las 3 barritas */
#mobileTabbar, .mobile-tabbar{display:none !important;}
body{padding-bottom:0 !important;}
.mfila.detectar{background:var(--tg-blue) !important; color:#fff !important;}
#catFilter, #clientes{display:none !important;}
#como-funciona{display:none !important;}
.menu-panel{background:var(--tg-panel) !important; box-shadow:none !important;}
.menu-panel .mfila{color:var(--tg-text) !important;}
@media(min-width:769px){#como-funciona{display:block !important;}}

/* ───────── v203 · PREMIUM ───────── */
html.tg-cerrado #catalogo, html.tg-cerrado #favSection{display:none !important;}
.vip-subnav, .vip-subnav-btn, [data-ir-nivel]{display:none !important;}
.tg-eyebrow{font-size:11px; letter-spacing:2.2px; font-weight:700; color:var(--tg-blue); margin-bottom:6px;}
.tg-h{font-size:28px; letter-spacing:-.3px;}
.tg-cats{padding-top:22px; padding-bottom:10px;}
.tg-cat{position:relative; overflow:hidden; background:linear-gradient(155deg,#222222 0%,#151515 70%) !important; box-shadow:0 10px 28px -14px var(--c), inset 0 1px 0 rgba(255,255,255,.06) !important; border:1.5px solid color-mix(in srgb,var(--c) 70%,transparent) !important;}
.tg-cat::before{content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:var(--c);}
.tg-cat-n{font-size:24px;}
.tg-precio{background:color-mix(in srgb,var(--c, #FF9000) 16%,#0b0b0b) !important; border:1px solid color-mix(in srgb,var(--c, #FF9000) 45%,transparent); color:#fff;}
.tg-ver{border-width:1.5px; background:rgba(255,255,255,.03);}
.tg-comp{box-shadow:0 8px 18px -8px var(--c);}
.tg-ambas{box-shadow:0 10px 24px -12px #FF9000; letter-spacing:.2px;}
.tg-detectar{border-style:solid; border-width:1px; border-color:color-mix(in srgb,#FF9000 55%,transparent); background:linear-gradient(90deg,rgba(255,144,0,.14),rgba(255,144,0,.04));}
.tg-detectar span{flex:1; display:flex; flex-direction:column; gap:2px;}
.tg-detectar small{color:var(--tg-dim); font-size:12px;}
.tg-chev{font-size:18px !important; color:var(--tg-dim) !important;}
.tg-confianza{display:flex; flex-wrap:wrap; gap:6px 14px; justify-content:center; margin-top:14px; color:var(--tg-dim); font-size:12px;}

/* cabecera de categoría (al abrir una) */
.tg-cab{padding:14px !important; display:block !important; border:1.5px solid color-mix(in srgb,var(--vap) 60%,transparent) !important; background:linear-gradient(155deg,#222222 0%,#151515 75%) !important; box-shadow:0 10px 28px -16px var(--vap) !important;}
.tg-volver{background:none; border:0; color:var(--tg-blue); font:inherit; font-weight:600; font-size:14px; cursor:pointer; padding:0 0 10px;}
.tg-cab-top{display:flex; align-items:center; justify-content:space-between; gap:10px;}
.tg-cab .fam-nombre{font-size:28px !important; font-weight:800 !important; text-align:left !important; color:var(--vap) !important; -webkit-text-fill-color:var(--vap) !important; letter-spacing:.5px;}
.tg-cab .tg-precio{--c:var(--vap);}
.tg-cab-sub{color:var(--tg-dim); font-size:13px; margin:6px 0 12px;}
.tg-cab .fam-boton{margin:0 0 8px;}
.tg-cab .fam-boton .vip-desbloq{display:flex !important; justify-content:center; width:100%; padding:15px !important; font-size:16px !important; background:var(--vap) !important; color:#0b0b0b !important; -webkit-text-fill-color:#0b0b0b !important; font-weight:800 !important; border-radius:12px !important;}
.tg-todo-btn{display:flex; justify-content:space-between; align-items:center; gap:8px; width:100%; padding:13px; border-radius:12px; border:1.5px solid var(--tg-blue); background:rgba(255,144,0,.1); color:var(--tg-text); font:inherit; font-weight:700; font-size:14px; cursor:pointer; text-align:left;}
.tg-todo-btn b{background:var(--tg-blue); color:#fff; border-radius:8px; padding:4px 8px; font-size:12px; white-space:nowrap;}
.tg-cab .tg-cab-top .fam-nombre{display:block;}
.fam-cabecera .tg-todo-btn b{background:var(--tg-blue) !important; color:#fff !important; -webkit-text-fill-color:#fff !important; padding:4px 8px !important; border-radius:8px !important;}
.fam-cabecera .tg-todo-btn span{background:none !important; color:var(--tg-text) !important;}
.fam-cabecera .tg-volver{background:none !important; border:0 !important;}

/* v204 · al abrir una categoría desaparece el bloque de arriba */
html:not(.tg-cerrado) #tgCats{display:none !important;}
.tg-nav{display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:10px;}
.tg-nav .tg-volver{padding:8px 12px !important; border:1px solid var(--tg-line) !important; border-radius:10px; background:var(--tg-panel) !important; color:var(--tg-text) !important;}
.fam-cabecera .tg-otra{background:var(--tg-blue) !important; color:#fff !important; -webkit-text-fill-color:#fff !important; border:0 !important; border-radius:10px; padding:9px 13px; font:inherit; font-weight:700; font-size:14px; cursor:pointer;}

/* ───────── v207 · ZONA PREMIUM DEL CLIENTE ───────── */
.mi-zona{padding-top:18px; padding-bottom:10px;}
html:not(.tg-cliente) #miZona{display:none !important;}
html.tg-cliente:not(.tg-cerrado) #miZona{display:none !important;}
html.tg-cliente #miZona{display:none !important;}
html.tg-cliente.tg-vista-cat #miZona > :not(.mz-head):not(.mz-tabs){display:none !important;}
html.tg-cliente #vipHome{display:none !important;}
.mz-head{display:flex; align-items:center; gap:12px; padding:14px; border-radius:16px; background:linear-gradient(135deg,#2a3c52 0%,#151515 80%); border:1px solid #3a4d61; box-shadow:0 12px 30px -18px #00AFF0;}
.mz-avatar{width:52px; height:52px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:22px; font-weight:800; color:#0b0b0b; background:linear-gradient(135deg,#00AFF0,#FF9000);}
.mz-hola{font-size:20px; font-weight:800;}
.mz-miembro{display:flex; flex-wrap:wrap; gap:6px; margin-top:6px;}
.mz-miembro span{font-size:11px; font-weight:800; letter-spacing:1px; padding:4px 9px; border-radius:999px; color:var(--c); border:1px solid color-mix(in srgb,var(--c) 55%,transparent); background:color-mix(in srgb,var(--c) 12%,#0b0b0b);}
.mz-tabs{display:grid; grid-template-columns:1fr 1fr; gap:6px; margin:12px 0; padding:4px; background:var(--tg-panel); border-radius:12px;}
.mz-tabs button{padding:11px; border:0; border-radius:9px; background:transparent; color:var(--tg-dim); font:inherit; font-weight:700; cursor:pointer;}
.mz-tabs button.on{background:var(--tg-blue); color:#fff;}
html.tg-vista-cat .mz-tabs button[data-mz-tab=catalogo]{background:var(--tg-blue); color:#fff;}
html.tg-vista-cat .mz-tabs button[data-mz-tab=zona]{background:transparent; color:var(--tg-dim);}
.mz-cat{margin-bottom:14px; padding:14px; border-radius:16px; background:linear-gradient(155deg,#222222 0%,#151515 70%); border:1.5px solid color-mix(in srgb,var(--c) 55%,transparent); box-shadow:0 10px 26px -16px var(--c);}
.mz-cat-top{display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px;}
.mz-cat-n{font-size:20px; font-weight:800; color:var(--c);}
.mz-cat-s{font-size:12px; color:var(--tg-dim); margin-top:2px;}
.mz-entrar, .mz-todos{border:0; border-radius:10px; background:var(--c); color:#0b0b0b; font:inherit; font-weight:800; padding:10px 14px; cursor:pointer;}
.mz-todos{display:block; width:100%; margin-top:10px; background:transparent; color:var(--c); border:1.5px solid var(--c);}
.mz-rail{display:flex; gap:10px; overflow-x:auto; padding-bottom:4px; scroll-snap-type:x proximity; -webkit-overflow-scrolling:touch;}
.mz-mod{flex:0 0 104px; border:0; background:none; padding:0; text-align:left; cursor:pointer; scroll-snap-align:start; color:var(--tg-text); font:inherit;}
.mz-foto{position:relative; display:flex; align-items:center; justify-content:center; width:104px; height:136px; border-radius:12px; background:#24323F center/cover no-repeat; font-size:30px; font-weight:800; color:var(--tg-dim); border:1px solid #3a4d61;}
.mz-nuevo{position:absolute; top:6px; left:6px; font-style:normal; font-size:9px; font-weight:800; letter-spacing:.8px; background:var(--c); color:#0b0b0b; padding:2px 6px; border-radius:6px;}
.mz-nom{display:block; margin-top:6px; font-size:13px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mz-falta{margin-top:4px; padding:14px; border-radius:16px; background:var(--tg-panel); border:1px dashed var(--tg-line);}
.mz-falta-t{font-weight:800; margin-bottom:10px;}
.mz-falta-b{display:flex; justify-content:space-between; align-items:center; gap:8px; padding:13px; margin-top:8px; border-radius:12px; border:1.5px solid var(--c); color:var(--tg-text) !important; text-decoration:none; font-weight:700;}
.mz-falta-b b{background:var(--c); color:#0b0b0b; padding:4px 8px; border-radius:8px; font-size:12px; white-space:nowrap;}
.mz-pie{text-align:center; margin-top:14px;}
.mz-pie button{background:none; border:1px solid var(--tg-line); color:var(--tg-blue); border-radius:10px; padding:10px 14px; font:inherit; cursor:pointer;}
html.tg-vista-cat .mz-tabs button.on{background:transparent; color:var(--tg-dim);} html.tg-vista-cat .mz-tabs button[data-mz-tab=catalogo]{background:var(--tg-blue); color:#fff;}
.mz-entrar{white-space:nowrap;}

/* ───────── v208 · PREMIUM: iconos propios, dorado en lo importante, logo nuevo ───────── */
:root{--oro:linear-gradient(135deg,#F9E2A2 0%,#00AFF0 52%,#B8892B 100%); --oro-s:#00AFF0;}
.ic{flex:none; vertical-align:-3px;}
/* titulares */
.tg-eyebrow{display:flex; align-items:center; gap:10px; justify-content:center; font-size:11px; letter-spacing:3px; font-weight:700; color:var(--oro-s);}
.tg-filete{flex:1; max-width:60px; height:1px; background:linear-gradient(90deg,transparent,var(--oro-s));}
.tg-filete:last-child{background:linear-gradient(90deg,var(--oro-s),transparent);}
.tg-h{text-align:center; font-weight:300 !important; letter-spacing:.3px; margin:8px 0 6px !important;}
.tg-h em{font-style:normal; font-weight:800; background:var(--oro); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.tg-sub{text-align:center; max-width:520px; margin-left:auto !important; margin-right:auto !important;}
/* tarjeta de categoría bloqueada */
.tg-ico{display:flex; align-items:center; justify-content:center; width:46px; height:46px; border-radius:14px; color:var(--c); background:color-mix(in srgb,var(--c) 14%,#0b0b0b); border:1px solid color-mix(in srgb,var(--c) 50%,transparent);}
.tg-bloq{display:inline-flex; align-items:center; gap:5px; font-size:10px; font-weight:800; letter-spacing:1.2px; color:var(--oro-s); border:1px solid color-mix(in srgb,var(--oro-s) 55%,transparent); border-radius:999px; padding:5px 9px; white-space:nowrap; background:rgba(0,175,240,.07);}
.tg-cat .mz-rail{margin-top:14px;}
.mz-mod.bloq{position:relative; cursor:default;}
.mz-mod.bloq .mz-foto{filter:blur(7px) brightness(.75) saturate(1.1); transform:scale(1.04);}
.mz-mod.bloq{overflow:hidden; border-radius:12px;}
.mz-cand{position:absolute; top:0; left:0; width:104px; height:136px; display:flex; align-items:center; justify-content:center; color:#F9E2A2;}
.mz-mod.bloq .mz-nom{position:relative;}
.tg-cat-btns{grid-template-columns:1fr 1.3fr !important;}
.tg-ver{display:flex; gap:7px;}
.tg-comp{flex-direction:column; gap:1px; background:var(--oro) !important; color:#1B1304 !important; border:0 !important; box-shadow:0 10px 22px -10px #00AFF0 !important; padding:9px 8px !important; line-height:1.15;}
.tg-comp .ic{display:inline-block; margin-right:4px;}
.tg-comp small{display:block; font-size:11px; font-weight:700; opacity:.8;}
.tg-cat-n{letter-spacing:1.5px;}
/* combo + detectar */
.tg-ambas{background:linear-gradient(135deg,#1c2b3b,#151515) !important; color:var(--tg-text) !important; border:1.5px solid var(--oro-s); box-shadow:0 10px 24px -14px #00AFF0 !important; font-weight:700 !important;}
.tg-ambas span{display:flex; align-items:center; gap:8px;}
.tg-ambas .ic{color:var(--oro-s);}
.tg-ambas b{background:var(--oro) !important; color:#1B1304 !important;}
.tg-detectar .ic{color:var(--oro-s) !important; font-size:0;}
.tg-detectar{border-color:color-mix(in srgb,var(--oro-s) 40%,transparent) !important; background:linear-gradient(90deg,rgba(0,175,240,.10),rgba(0,175,240,.02)) !important; align-items:center;}
.tg-detectar b{color:var(--oro-s) !important;}
.tg-confianza span{display:inline-flex; align-items:center; gap:6px;}
.tg-confianza .ic{color:var(--oro-s);}
.tg-precio{border-color:color-mix(in srgb,var(--oro-s) 55%,transparent) !important; color:#F9E2A2 !important; background:rgba(0,175,240,.08) !important;}
/* cabecera de categoría (zona) */
.tg-cab .fam-nombre{display:flex !important; align-items:center; gap:10px;}
.tg-cab .fam-boton .vip-desbloq{background:var(--oro) !important; color:#1B1304 !important; -webkit-text-fill-color:#1B1304 !important; box-shadow:0 10px 22px -10px #00AFF0 !important;}
.tg-todo-btn{border-color:var(--oro-s) !important; background:rgba(0,175,240,.07) !important;}
.tg-todo-btn span{display:flex; align-items:center; gap:8px;}
.tg-todo-btn .ic{color:var(--oro-s);}
.fam-cabecera .tg-todo-btn b{background:var(--oro) !important; color:#1B1304 !important; -webkit-text-fill-color:#1B1304 !important;}
.fam-cabecera .tg-otra{display:inline-flex; align-items:center; gap:6px;}
/* zona del cliente */
.mz-ci{display:inline-flex; vertical-align:-4px; margin-right:8px;}
.mz-max{display:inline-flex; align-items:center; gap:4px; margin-left:10px; font-style:normal; font-size:10px; font-weight:800; letter-spacing:1.2px; padding:3px 8px; border-radius:999px; background:var(--oro); color:#1B1304; vertical-align:3px;}
.mz-miembro span{display:inline-flex; align-items:center; gap:5px;}
.mz-miembro span.max{--c:#00AFF0; color:#F9E2A2;}
.mz-avatar{background:var(--oro) !important;}
.mz-entrar{display:inline-flex; align-items:center; gap:6px; white-space:nowrap; background:var(--oro) !important; color:#1B1304 !important;}
.mz-falta-b span{display:flex; align-items:center; gap:8px;}
.mz-falta-b b{background:var(--oro) !important; color:#1B1304 !important;}
.mz-pie button{display:inline-flex; align-items:center; gap:8px;}
.mz-todos{border-color:var(--c) !important;}
.tg-btn{display:flex; flex-direction:column; align-items:center; gap:2px;}
.tg-btn .ic{display:inline-block; margin-right:4px;}
.mz-tabs button.on, html.tg-vista-cat .mz-tabs button[data-mz-tab=catalogo]{background:var(--oro) !important; color:#1B1304 !important;}
html.tg-vista-cat .mz-tabs button.on:not([data-mz-tab=catalogo]){background:transparent !important; color:var(--tg-dim) !important;}
/* logo original (corona + F + P dorada), en dorado y sin naranja */

/* ───── v211 · estilo tipo OnlyFans + categorías siempre al frente ───── */
:root{--of:#FF9000;}
#starTienda{display:none !important;}
.tg-cats{padding-top:20px;}
.tg-cat{border-radius:20px !important; padding:16px !important; border:2px solid var(--c) !important; box-shadow:0 14px 34px -14px var(--c), inset 0 1px 0 rgba(255,255,255,.07) !important;}
.tg-cat-n{font-size:28px !important; letter-spacing:2px !important; font-weight:900 !important;}
.tg-ico{width:48px; height:48px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; background:color-mix(in srgb,var(--c) 18%,transparent); color:var(--c); border:1.5px solid var(--c);}
.tg-cat-nota2{margin-top:10px; font-size:12.5px; color:var(--tg-dim); letter-spacing:.3px;}
.tg-bloq{border-radius:999px !important; background:rgba(0,0,0,.35); border:1px solid color-mix(in srgb,var(--c) 60%,transparent); color:var(--c) !important; padding:5px 10px; font-size:11px; font-weight:800; display:inline-flex; align-items:center; gap:5px;}
.tg-nota{display:flex; gap:9px; align-items:flex-start; margin-top:12px; padding:10px 12px; border-radius:12px; background:rgba(255,126,182,.08); border:1px dashed color-mix(in srgb,var(--c) 55%,transparent); font-size:13px; line-height:1.35; color:var(--tg-text);}
.tg-nota .ic{flex:0 0 auto; margin-top:1px; color:var(--c);}
.tg-cat-btns.uno{grid-template-columns:1fr !important;}
.tg-ver,.tg-comp,.tg-solo,.tg-ambas{border-radius:999px !important;}
/* tarjetas de modelo con precio, como en OnlyFans */
.mz-mod.of{position:relative; flex:0 0 112px;}
.mz-mod.of .mz-foto{border-radius:14px; display:flex; align-items:center; justify-content:center;}
.of-ini{font-size:34px; font-weight:800; color:#FF8A57; opacity:.55;}
a.mz-mod{text-decoration:none;}
.of-precio{position:absolute; left:6px; top:6px; z-index:3; padding:3px 8px; border-radius:999px; background:var(--of); color:#fff; font-size:11px; font-weight:800;}
.tg-ultra{margin-top:12px; padding:14px; border-radius:20px; background:linear-gradient(155deg,#222222,#151515 70%); border:2px solid #FF5A1F; --c:#FF5A1F; box-shadow:0 14px 34px -16px #FF5A1F;}
.tg-ultra-top{display:flex; align-items:center; gap:12px;}
.tg-ultra .tg-cat-n{color:#FF8A57;}
.tg-ultra .mz-rail{margin-top:12px;}
/* botón "solo esta modelo" */
.tg-modelo{margin:14px 0; display:grid; gap:10px;}
.tg-solo{display:flex; align-items:center; gap:12px; padding:14px 16px; background:var(--of); color:#fff !important; text-decoration:none; font-weight:700;}
.tg-solo span{flex:1; display:block;}
.tg-solo b{display:block; font-size:15px;}
.tg-solo small{display:block; font-size:12px; opacity:.92; font-weight:600;}
.tg-reco{display:flex; gap:9px; align-items:center; padding:10px 14px; border-radius:14px; background:color-mix(in srgb,var(--c,#00AFF0) 12%,transparent); border:1px solid color-mix(in srgb,var(--c,#00AFF0) 55%,transparent); color:var(--tg-text) !important; text-decoration:none; font-size:13px; line-height:1.3;}
.tg-reco .ic{color:var(--c,#00AFF0); flex:0 0 auto;}
.tg-reco.ultra{--c:#FF5A1F;}
.tg-modelo-tuyo{display:flex; gap:8px; align-items:center; justify-content:center; padding:12px; border-radius:999px; background:var(--oro); color:#1B1304; font-weight:800;}
.tg-solo-v{display:flex; align-items:center; gap:8px; margin-top:8px; padding:9px 12px; border-radius:999px; background:var(--of); color:#fff !important; text-decoration:none; font-size:13px; font-weight:700;}
.tg-solo-v span{flex:1;}
.tg-solo-v b{font-size:12px;}
.tg-ultra-top{align-items:flex-start !important;} .tg-ultra-top .tg-ico{order:-1; flex:0 0 48px;} .tg-ultra .tg-cat-s{font-size:12.5px;}

/* ───── v212 ───── */
.tg-buscar{margin:6px 0 16px; padding:14px; border-radius:18px; background:#151515; border:1.5px solid rgba(0,175,240,.45);}
.tg-buscar label{display:flex; gap:11px; align-items:center; color:var(--tg-text); margin-bottom:10px;}
.tg-buscar label .ic{color:#00AFF0; flex:0 0 auto;}
.tg-buscar label b{display:block; font-size:15px;} .tg-buscar label small{display:block; font-size:12.5px; color:var(--tg-dim);}
.tg-buscar input{width:100%; box-sizing:border-box; padding:13px 16px; border-radius:999px; border:1.5px solid #2E2E2E; background:#0b0b0b; color:var(--tg-text); font:inherit; font-size:16px;}
.tg-buscar input:focus{outline:none; border-color:#00AFF0;}
.tg-qres{display:grid; gap:8px; margin-top:10px;}
.tg-q-item{padding:11px 12px; border-radius:14px; background:#0b0b0b; border:1px solid color-mix(in srgb,var(--c) 55%,transparent); display:grid; grid-template-columns:1fr auto auto; gap:8px; align-items:center;}
.tg-q-t b{display:block; font-size:15px;} .tg-q-t span{font-size:12.5px; color:var(--tg-dim);} .tg-q-t em{font-style:normal; color:var(--c); font-weight:800;}
.tg-q-b{padding:8px 12px; border-radius:999px; font-size:12.5px; font-weight:800; text-decoration:none; white-space:nowrap;}
.tg-q-b.solo{background:var(--of); color:#fff !important;} .tg-q-b.cat{background:var(--oro); color:#1B1304 !important;}
.tg-q-no{font-size:13px; color:var(--tg-dim);} .tg-q-no a{color:#00AFF0;}
@media (max-width:430px){.tg-q-item{grid-template-columns:1fr 1fr;} .tg-q-t{grid-column:1/-1;}}
.tg-ambas small{display:block; font-size:11px; font-weight:600; opacity:.8;}
.of-cant{display:block; font-size:10.5px; color:var(--tg-dim); margin-top:2px; line-height:1.2;}
.mz-mod.of{flex:0 0 124px;}
.tg-nota.ultra{--c:#FF5A1F; background:rgba(255,90,31,.08);}
/* pestañas Mi zona / Comprar más: grandes y específicas */
.mz-tabs{display:grid !important; grid-template-columns:1fr 1fr; gap:8px; margin:12px 0;}
.mz-tabs button{display:flex; flex-direction:column; align-items:center; gap:2px; padding:12px 8px !important; border-radius:16px !important; border:1.5px solid #2E2E2E !important; background:#151515 !important; color:var(--tg-text) !important;}
.mz-tabs button b{font-size:15px;} .mz-tabs button small{font-size:11.5px; color:var(--tg-dim); font-weight:600;}
.mz-tabs button.on{background:var(--oro) !important; border-color:transparent !important; color:#1B1304 !important;}
.mz-tabs button.on small{color:#4a3607;}
/* hoja de desbloqueo */
.tg-hoja{position:fixed; inset:0; z-index:99999; display:flex; align-items:flex-end; justify-content:center;}
.tg-hoja-fondo{position:absolute; inset:0; background:rgba(0,0,0,.72);}
.tg-hoja-caja{position:relative; width:100%; max-width:480px; max-height:92vh; overflow:auto; box-sizing:border-box; padding:18px 16px 24px; border-radius:24px 24px 0 0; background:#151515; border:2px solid var(--c); border-bottom:0; text-align:center;}
.tg-hoja-x{position:absolute; left:12px; top:12px; width:38px; height:38px; border-radius:50%; border:0; background:rgba(0,0,0,.45); color:#fff; display:flex; align-items:center; justify-content:center; z-index:2;}
.tg-hoja-foto{height:210px; border-radius:18px; background:#0b0b0b center/cover; position:relative; overflow:hidden;}
.tg-hoja-foto::before{content:""; position:absolute; inset:0; backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); background:rgba(0,0,0,.35);}
.tg-hoja-cand{position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#fff; z-index:1;}
.tg-hoja-nom{font-size:24px; font-weight:800; margin-top:12px; color:var(--tg-text);}
.tg-hoja-cat{font-size:12.5px; letter-spacing:1.5px; font-weight:800; color:var(--c); margin-top:2px;}
.tg-hoja-p{font-size:13.5px; color:var(--tg-dim); margin:10px 0 12px;}
.tg-op{position:relative; display:flex; align-items:center; gap:12px; padding:14px 16px; border-radius:18px; text-decoration:none; text-align:left; margin-top:9px;}
.tg-op span{flex:1;} .tg-op b{display:block; font-size:15px;} .tg-op small{display:block; font-size:12px; opacity:.85; font-weight:600;}
.tg-op em{font-style:normal; font-weight:800; font-size:13px; white-space:nowrap;}
.tg-op.solo{background:var(--of); color:#fff !important;}
.tg-op.cat{background:var(--oro); color:#1B1304 !important; margin-top:16px;}
.tg-reco-tag{position:absolute; right:12px; top:-9px; font-style:normal; font-size:10px; font-weight:800; letter-spacing:1px; background:#1B1304; color:#00AFF0; border:1px solid #00AFF0; border-radius:999px; padding:2px 8px;}
html.tg-hoja-on{overflow:hidden;}
.tg-ultra .tg-bloq{display:none !important;}
.mz-rail.mz-grid{display:grid !important; grid-template-columns:repeat(3,1fr); gap:10px; overflow:visible !important;}
.mz-rail.mz-grid .mz-mod{flex:none; width:auto;}
/* modelos bloqueados: pestañas grandes */
.tg-bgrid{display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-top:14px;}
.tg-bm{position:relative; display:block; padding:0; border:1.5px solid color-mix(in srgb,var(--c,#00AFF0) 55%,transparent); border-radius:18px; overflow:hidden; aspect-ratio:3/4; background:#0b0b0b; cursor:pointer; text-decoration:none; color:#fff; font:inherit; text-align:left;}
.tg-bm-foto{position:absolute; inset:0; background:#1d2a38 center/cover; filter:blur(9px) brightness(.7) saturate(1.1); transform:scale(1.08); display:flex; align-items:center; justify-content:center;}
.tg-bm-cand{position:absolute; left:0; right:0; top:34%; display:flex; justify-content:center; color:#fff; opacity:.95;}
.tg-bm-nuevo{position:absolute; left:8px; top:8px; font-style:normal; font-size:10px; font-weight:800; letter-spacing:1px; padding:3px 8px; border-radius:999px; background:var(--of); color:#fff;}
.tg-bm-pie{position:absolute; left:0; right:0; bottom:0; padding:26px 10px 10px; background:linear-gradient(to top,rgba(0,0,0,.88),transparent);}
.tg-bm-pie b{display:block; font-size:15px; line-height:1.15;} .tg-bm-pie small{display:block; font-size:11.5px; opacity:.85; font-weight:700; margin-top:2px; color:#00AFF0;}
.tg-bm-foto .of-ini{font-size:56px;}
@media (min-width:700px){.tg-bgrid{grid-template-columns:repeat(3,1fr);}}

/* ───── v217 · MÁS PARECIDO A ONLYFANS ───── */
.tg-cat{padding:0 !important; overflow:hidden; border-radius:22px !important; background:#0E0E0E !important; border:1px solid #222222 !important; box-shadow:none !important;}
.tg-cat::before{display:none !important;}
.of-portada{position:relative; height:118px; display:flex; background:linear-gradient(120deg,var(--c),#0b0b0b);}
.of-portada span{flex:1; background:center/cover; filter:blur(6px) brightness(.65); transform:scale(1.1);}
.of-portada::after{content:""; position:absolute; inset:0; background:linear-gradient(to bottom,rgba(0,0,0,.15),rgba(16,25,35,.95));}
.of-bloq{position:absolute; right:12px; top:12px; z-index:2; display:inline-flex; gap:5px; align-items:center; font-style:normal; font-size:10.5px; font-weight:800; letter-spacing:.8px; padding:5px 10px; border-radius:999px; background:rgba(0,0,0,.55); color:#fff;}
.of-perfil{display:flex; align-items:flex-end; gap:12px; padding:0 16px; margin-top:-38px; position:relative; z-index:3;}
.of-avatar{width:78px; height:78px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#0E0E0E; border:3px solid #0E0E0E; box-shadow:0 0 0 2.5px var(--c); color:var(--c);}
.of-datos{padding-bottom:4px; min-width:0;}
.of-nombre{display:flex; align-items:center; gap:6px;}
.of-nombre .tg-cat-n{font-size:24px !important; letter-spacing:.5px !important; color:#fff !important; display:inline !important;}
.of-ver{color:var(--of); flex:0 0 auto;}
.of-user{font-size:13px; color:#A8A8A8;}
.of-stats{display:flex; gap:16px; padding:12px 16px 0; font-size:12.5px; color:#A8A8A8; flex-wrap:wrap;}
.of-stats b{color:#fff; font-size:14px;}
.of-desc{margin:8px 16px 0; font-size:13.5px; line-height:1.4; color:#C5CED8;}
.tg-comp.of-sub{display:flex !important; flex-direction:row !important; justify-content:space-between; align-items:center; margin:14px 16px 0; padding:14px 20px !important; border-radius:999px !important; background:var(--of) !important; color:#fff !important; box-shadow:none !important; font-weight:800; font-size:14px; letter-spacing:.4px;}
.tg-comp.of-sub b{font-size:13px; font-weight:800;}
.tg-comp.of-sub span{display:inline;}
.of-tit{display:flex; align-items:center; gap:7px; margin:18px 16px 0; padding-top:14px; border-top:1px solid #222222; font-size:12.5px; font-weight:800; letter-spacing:1px; text-transform:uppercase; color:#A8A8A8;}
.of-tit em{margin-left:auto; font-style:normal; color:#fff;}
.tg-cat .tg-bgrid{margin:10px 10px 0; gap:6px;}
.tg-cat .tg-nota, .tg-cat .tg-cat-btns{margin-left:16px; margin-right:16px;}
.tg-cat .tg-cat-btns{margin-bottom:16px;} .tg-cat > :last-child{margin-bottom:16px;}
.tg-cat .tg-ver{width:100%; border-radius:999px !important; border:1.5px solid var(--of) !important; color:var(--of) !important; background:transparent !important; font-weight:800;}
/* modelos como publicaciones bloqueadas */
.tg-bm{border-radius:10px !important; border:0 !important; aspect-ratio:4/5 !important;}
.tg-bm-cand{top:30% !important;}
.tg-bm-cand svg{background:rgba(0,0,0,.4); border-radius:50%; padding:12px; width:52px; height:52px; box-sizing:border-box;}
.tg-bm-arch{position:absolute; left:8px; top:8px; display:inline-flex; gap:4px; align-items:center; font-size:10.5px; font-weight:700; padding:3px 8px; border-radius:999px; background:rgba(0,0,0,.55); color:#fff;}
.tg-bm-nuevo{left:auto !important; right:8px;}
.tg-bm-pie{padding:30px 8px 8px !important;}
.tg-bm-pie b{font-size:14px !important;}
.tg-bm-btn{display:flex !important; align-items:center; justify-content:center; gap:5px; margin-top:6px; padding:8px 6px; border-radius:999px; background:var(--of); color:#fff !important; font-size:11.5px; font-weight:800;}
.tg-bm-pie small{color:#fff !important; opacity:.8;}
.tg-ultra{background:#0E0E0E !important; border:1px solid #222222 !important; box-shadow:none !important;}
.tg-comp.of-sub span,.tg-comp.of-sub b{white-space:nowrap;}
.tg-bm-btn{white-space:nowrap; font-size:10.5px !important; padding:8px 4px !important;}

/* ───── v219 · logo y zona del cliente tipo OnlyFans ───── */
html .brand .wordmark{font-size:1.18em; letter-spacing:-.02em;}
html .brand .wordmark i{color:#fff !important; font-weight:800 !important; text-transform:none !important;}
html .brand .wordmark em{background:none !important; box-shadow:none !important; padding:0 !important; margin-left:1px !important; font-weight:800 !important; text-transform:none !important; letter-spacing:-.02em !important; border-radius:0 !important;
  color:transparent !important; -webkit-text-fill-color:transparent !important; background-image:linear-gradient(135deg,#F9E2A2,#00AFF0,#B8892B) !important; -webkit-background-clip:text !important; background-clip:text !important;}
html[data-lite="1"] .brand .wordmark em{background-image:linear-gradient(135deg,#F9E2A2,#00AFF0,#B8892B) !important;}
#miZona{padding:0 !important; background:#0E0E0E; border-radius:0 0 22px 22px; overflow:hidden; margin:0 auto; max-width:760px;}
#miZona .of-mia span{filter:blur(3px) brightness(.8);}
#miZona .of-mia{height:130px; background:linear-gradient(120deg,#FF9000,#00AFF0);}
.of-yo{font-size:32px; font-weight:800; color:#fff; background:linear-gradient(135deg,#FF9000,#0077b3) !important; box-shadow:0 0 0 2.5px #FF9000 !important;}
.of-pills{display:flex; gap:7px; flex-wrap:wrap; padding:12px 16px 0;}
.of-pills span{display:inline-flex; gap:5px; align-items:center; font-size:12px; font-weight:800; padding:5px 11px; border-radius:999px; border:1.5px solid var(--c); color:var(--c);}
.of-tabs{display:grid !important; grid-template-columns:1fr 1fr; gap:0 !important; margin:14px 0 0 !important; border-top:1px solid #222222; border-bottom:1px solid #222222;}
.of-tabs button{background:transparent !important; border:0 !important; border-radius:0 !important; padding:13px 6px !important; color:#A8A8A8 !important; border-bottom:3px solid transparent !important;}
.of-tabs button b{font-size:14px; letter-spacing:.5px; text-transform:uppercase;}
.of-tabs button.on{color:#fff !important; border-bottom-color:#FF9000 !important; background:transparent !important;}
.of-tabs button.on small{color:#FF9000 !important;}
.of-cuerpo{padding:6px 10px 0;}
.of-sec{background:transparent !important; border:0 !important; padding:14px 0 6px !important; margin:0 !important; box-shadow:none !important;}
.of-sec-top{display:flex; align-items:center; gap:11px; padding:0 6px 10px;}
.of-sec-av{flex:0 0 auto; width:42px; height:42px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--c); box-shadow:0 0 0 2px var(--c); background:#0b0b0b;}
.of-sec-t{flex:1; min-width:0;} .of-sec-n{display:flex; align-items:center; gap:6px; font-weight:800; font-size:17px; color:#fff;}
.of-sec-s{font-size:12.5px; color:#A8A8A8;}
.of-suscrito{display:inline-flex; gap:4px; align-items:center; font-size:10.5px; font-weight:800; letter-spacing:.6px; padding:5px 10px; border-radius:999px; background:rgba(0,175,240,.14); color:#FF9000;}
.of-entrar{width:100%; margin-top:10px; padding:13px; border-radius:999px; border:1.5px solid #FF9000; background:transparent; color:#FF9000; font:inherit; font-weight:800; display:flex; align-items:center; justify-content:center; gap:8px;}
.tg-bm.abierto .tg-bm-foto{filter:none !important; transform:none !important;}
.tg-bm.abierto .tg-bm-pie{padding-top:34px !important;}
.of-sug{padding:18px 6px 6px;} .of-sug-t{font-size:12.5px; font-weight:800; letter-spacing:1px; text-transform:uppercase; color:#A8A8A8; margin-bottom:8px;}
.of-sug-i{display:flex; align-items:center; gap:12px; padding:10px 6px; text-decoration:none; color:#fff; border-top:1px solid #222222;}
.of-sug-n{flex:1;} .of-sug-n b{display:block; font-size:15px;} .of-sug-n small{color:#A8A8A8; font-size:12px;}
.of-sug-b{padding:9px 16px; border-radius:999px; background:#FF9000; color:#111; font-weight:800; font-size:13px;}
.mz-pie{padding:12px 16px 18px; text-align:center;}
html[data-lite="1"] body .brand .wordmark em, html body .brand .wordmark em{background:none !important; background-image:none !important; box-shadow:none !important; padding:0 !important; border-radius:0 !important; color:#00AFF0 !important; -webkit-text-fill-color:#00AFF0 !important; -webkit-background-clip:border-box !important; background-clip:border-box !important; text-shadow:none !important;}

/* ───── v220 · promo 50%, atajos, carga progresiva ───── */
.tg-ambas{display:none !important;}
.tg-promo{margin:10px 0 14px; padding:18px 16px; border-radius:22px; background:linear-gradient(150deg,#1d2a3a 0%,#0E0E0E 60%); border:2px solid #00AFF0; box-shadow:0 14px 34px -16px #00AFF0; position:relative; overflow:hidden;}
.tg-promo-top{display:flex; align-items:center; gap:12px;}
.tg-promo-tag{flex:0 0 auto; padding:9px 12px; border-radius:14px; background:var(--oro); color:#1B1304; font-weight:900; font-size:18px; letter-spacing:.3px;}
.tg-promo-t b{display:block; font-size:19px; color:#fff;} .tg-promo-t small{display:block; font-size:12px; color:#C5CED8; letter-spacing:.5px;}
.tg-promo-precio{display:flex; align-items:baseline; gap:10px; margin:14px 0 6px; flex-wrap:wrap;}
.tg-promo-precio s{color:#A8A8A8; font-size:15px;} .tg-promo-precio b{font-size:32px; color:#00AFF0; font-weight:900; letter-spacing:-.5px;} .tg-promo-precio span{color:#C5CED8; font-size:14px;}
.tg-promo-li{list-style:none; margin:8px 0 14px; padding:0; display:grid; gap:6px; font-size:13.5px; color:#DCE3EA;}
.tg-promo-li li{display:flex; gap:8px; align-items:center;} .tg-promo-li .ic{color:#FF9000; flex:0 0 auto;}
.tg-promo .tg-ver{width:100%; margin-top:10px; border-radius:999px !important; border:1.5px solid var(--of) !important; color:var(--of) !important; background:transparent !important; font-weight:800; padding:13px 8px;}
#tgTodoCat{margin-top:8px;}
.tg-chips{position:sticky; top:58px; z-index:8; display:flex; gap:8px; overflow-x:auto; padding:9px 2px; margin:0 -2px 8px; background:rgba(11,11,11,.94); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); scrollbar-width:none;}
.tg-chips::-webkit-scrollbar{display:none;}
.tg-chip{flex:0 0 auto; display:inline-flex; gap:6px; align-items:center; padding:8px 14px; border-radius:999px; border:1.5px solid var(--c); background:#151515; color:#fff; font:inherit; font-size:13px; font-weight:800; cursor:pointer;}
.tg-chip .ic{color:var(--c);}
.tg-mas-w{padding:10px 10px 0;}
.tg-mas{width:100%; padding:13px; border-radius:999px; border:1.5px solid var(--of); background:transparent; color:var(--of); font:inherit; font-weight:800; display:flex; align-items:center; justify-content:center; gap:8px; cursor:pointer;}
.tg-op.todo{background:var(--oro); color:#1B1304 !important; margin-top:12px;}
.tg-op.todo .tg-op-ic{flex:0 0 auto; flex-grow:0; display:flex;}
.tg-op.todo span{flex:1;}
.tg-op.cat{background:#151515; color:#fff !important; border:1.5px solid var(--c); margin-top:9px;}
.mz-bus{margin:12px 10px 0 !important; padding:0 !important; background:transparent !important; border:0 !important;}
.tg-bm-arch{max-width:calc(100% - 16px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.tg-bm-nuevo{left:8px !important; right:auto !important; top:36px !important;}

/* ───── v222 · perfil de modelo, volver, cuenta, atajos seguros ───── */
.tg-chips{top:calc(var(--tg-top, env(safe-area-inset-top, 0px)) + 58px) !important;}
html.tg-nav-off .tg-chips{top:calc(var(--tg-top, env(safe-area-inset-top, 0px)) + 6px) !important;}
.tg-atras{display:inline-flex; align-items:center; gap:6px; padding:8px 14px 8px 10px; border-radius:999px; border:0; background:rgba(0,0,0,.62); color:#fff; font:inherit; font-size:14px; font-weight:800; cursor:pointer; -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);}
.tg-atras-fab{position:fixed; left:10px; top:calc(var(--tg-top, env(safe-area-inset-top, 0px)) + 62px); z-index:60; border:1.5px solid rgba(255,255,255,.18);}
html.tg-nav-off .tg-atras-fab{top:calc(var(--tg-top, env(safe-area-inset-top, 0px)) + 10px);}
.tg-atras-fab[hidden]{display:none !important;}
/* perfil */
.tg-perfil{position:fixed; inset:0; z-index:9000; background:#0b0b0b; overflow-y:auto; -webkit-overflow-scrolling:touch;}
.tg-perfil-bar{position:sticky; top:0; z-index:5; display:flex; align-items:center; gap:12px; padding:calc(var(--tg-top, env(safe-area-inset-top, 0px)) + 8px) 12px 8px; background:linear-gradient(to bottom,rgba(11,11,11,.96),rgba(11,11,11,0));}
.tg-perfil-bn{font-weight:800; font-size:16px; color:#fff; opacity:0; transition:opacity .2s;}
.tg-perfil-cuerpo{max-width:640px; margin:-52px auto 0; padding-bottom:40px;}
.tg-perfil .of-portada{height:150px;}
.tg-perfil .of-avatar{width:92px; height:92px; font-size:36px; font-weight:800; color:#fff;}
.tg-perfil .of-avatar b{font-size:38px;}
.tg-pf-tabs{margin-top:14px !important;}
.tg-pf-tabs[hidden]{display:none !important;}
#tgPfGrid .tg-bgrid{display:grid; grid-template-columns:repeat(3,1fr); gap:3px; margin:0; padding:0;}
.tg-mt{position:relative; display:block; padding:0; border:0; background:#151515; aspect-ratio:1/1; overflow:hidden; cursor:pointer;}
.tg-mt img{width:100%; height:100%; object-fit:cover; display:block;}
.tg-mt-play{position:absolute; right:6px; bottom:6px; width:28px; height:28px; border-radius:50%; background:rgba(0,0,0,.6); color:#fff; display:flex; align-items:center; justify-content:center;}
.tg-vacio{display:flex; flex-direction:column; align-items:center; gap:10px; padding:34px 24px; text-align:center; color:#A8A8A8; font-size:14px; line-height:1.4;}
html.tg-perfil-on{overflow:hidden;}
html.tg-perfil-on .tg-atras-fab, html.tg-perfil-on .tg-chips{display:none !important;}
/* visor */
.tg-visor{position:fixed; inset:0; z-index:99990; background:#000; display:flex; flex-direction:column;}
.tg-visor-top{display:flex; align-items:center; justify-content:space-between; padding:calc(var(--tg-top, env(safe-area-inset-top, 0px)) + 8px) 12px 8px; position:absolute; left:0; right:0; top:0; z-index:3;}
.tg-visor-n{color:#fff; font-weight:800; font-size:13px; background:rgba(0,0,0,.6); padding:6px 12px; border-radius:999px;}
.tg-visor-med{flex:1; display:flex; align-items:center; justify-content:center; min-height:0;}
.tg-visor-med img,.tg-visor-med video{max-width:100%; max-height:100%; object-fit:contain;}
.tg-visor-nav{position:absolute; top:50%; transform:translateY(-50%); width:46px; height:46px; border-radius:50%; border:0; background:rgba(0,0,0,.55); color:#fff; display:flex; align-items:center; justify-content:center; z-index:3;}
.tg-visor-nav.ant{left:8px;} .tg-visor-nav.sig{right:8px;} .tg-visor-nav[hidden]{display:none;}
/* cuenta */
#cuenta .section-head{display:none;}
#cuenta{padding-top:0 !important;}
.tg-cuenta-head{max-width:640px; margin:0 auto 10px; background:#0E0E0E; border-radius:0 0 22px 22px; overflow:hidden; padding-bottom:12px;}
.tg-cuenta-head .of-mia{height:110px;}
.tg-cuenta-acc{display:grid; gap:8px; padding:14px 12px 4px;}
.tg-acc{display:flex; align-items:center; gap:12px; padding:13px 14px; border-radius:16px; border:1px solid #222222; background:#151515; color:#fff !important; text-decoration:none; font:inherit; text-align:left; cursor:pointer; width:100%; box-sizing:border-box;}
.tg-acc span{flex:1;} .tg-acc b{display:block; font-size:15px;} .tg-acc small{display:block; font-size:12px; color:#A8A8A8; font-weight:600;}
.tg-acc .ic:first-child{color:#FF9000;}
.tg-acc.azul{background:#FF9000; border-color:#FF9000;} .tg-acc.azul small{color:#E6F7FF;} .tg-acc.azul .ic{color:#fff !important;}
.tg-acc.dorado{background:var(--oro); border-color:transparent; color:#1B1304 !important;} .tg-acc.dorado small{color:#4a3607;} .tg-acc.dorado .ic{color:#1B1304 !important;}
#cuenta .cuenta-mas{max-width:640px; margin:10px auto 0;}
#cuenta .cuenta-mas-tit{font-family:inherit !important; font-size:12.5px !important; letter-spacing:1px; text-transform:uppercase; color:#A8A8A8 !important; font-weight:800; margin:14px 14px 8px;}
#cuenta .cuenta-mas-rejilla{display:grid !important; grid-template-columns:1fr !important; gap:0 !important; background:#0E0E0E; border-radius:18px; overflow:hidden; margin:0 10px;}
#cuenta .cuenta-mas-rejilla > *{border:0 !important; border-radius:0 !important; border-bottom:1px solid #1d2a38 !important; background:transparent !important; padding:14px 16px !important; text-align:left; text-transform:none;}
#cuenta .cuenta-mas-rejilla b, #cuenta .cuenta-mas-rejilla strong{font-size:15px;}
#cuentaContenido .btn, #cuentaContenido button{border-radius:999px;}
.tg-pf-tabs{grid-template-columns:repeat(3,1fr) !important;}

/* v231 — MI CUENTA minimalista */
#cuenta .cuenta-mas{display:none !important;}
#cuenta.cuenta-ses #cuentaContenido{display:none !important;}
.cu-cuerpo{padding:4px 12px 20px;}
.cu-sec{font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#A8A8A8;margin:18px 4px 8px;}
.cu-sus{display:flex;align-items:center;gap:12px;background:#151515;border:1px solid #222222;border-left:4px solid var(--c,#FF9000);border-radius:16px;padding:13px 14px;margin-bottom:8px;}
.cu-ic{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:#0b0b0b;color:var(--c,#FF9000);display:flex;align-items:center;justify-content:center;}
.cu-t{flex:1;min-width:0;} .cu-t b{display:block;font-size:16px;color:#fff;letter-spacing:.01em;}
.cu-t small{display:block;font-size:12.5px;color:#A8A8A8;margin-top:2px;} .cu-t .cu-met{color:#B3BFCB;}
.cu-d{flex:0 0 auto;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:6px;}
.cu-est{font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#35D07F;background:rgba(53,208,127,.12);border:1px solid rgba(53,208,127,.35);border-radius:999px;padding:4px 10px;}
.cu-sus.pronto .cu-est{color:#00AFF0;background:rgba(0,175,240,.12);border-color:rgba(0,175,240,.4);}
.cu-sus.vencida .cu-est{color:#FF6B81;background:rgba(255,107,129,.12);border-color:rgba(255,107,129,.4);}
.cu-ren{font-size:12.5px;font-weight:800;color:#111;background:#FF9000;border-radius:999px;padding:6px 14px;text-decoration:none;}
.cu-vacio{background:#151515;border:1px solid #222222;border-radius:16px;padding:14px;color:#A8A8A8;font-size:14px;} .cu-vacio .tg-acc{margin-top:10px;}
.cu-salir{display:block;margin:22px auto 0;background:none;border:0;color:#A8A8A8;font-size:13px;text-decoration:underline;cursor:pointer;}
.cu-t b,.cu-t small,.cu-d,.cu-sus{text-transform:none !important;letter-spacing:normal;}
.cu-t b{font-size:16px;} .cu-est{text-transform:uppercase !important;}
.cu-vacio,.cu-salir{text-transform:none !important;}

/* v234 — comparador, ahorro, cashback, novedades */
.tg-comp-tabla{background:#151515;border:1px solid #222222;border-radius:16px;overflow:hidden;margin:12px 0 8px;font-size:13px;}
.tg-ct-h,.tg-ct-r{display:grid;grid-template-columns:1.05fr 1fr 1.25fr 1fr;align-items:center;}
.tg-ct-h{background:#0E0E0E;} .tg-ct-h b,.tg-ct-r b,.tg-ct-r span,.tg-ct-h span{padding:10px 6px;text-align:center;}
.tg-ct-h b{font-size:11.5px;color:#A8A8A8;text-transform:uppercase;letter-spacing:.04em;} .tg-ct-r{border-top:1px solid #222222;}
.tg-ct-r span{text-align:left;padding-left:12px;color:#A8A8A8;font-size:12px;} .tg-ct-r b{color:#fff;font-weight:700;}
.tg-comp-tabla .rec{background:rgba(0,175,240,.12);color:#fff;} .tg-ct-h b.rec{color:#FF9000;}
.tg-ct-nota{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:#B3BFCB;margin:6px 2px 12px;} .tg-ct-nota .ic{flex:0 0 auto;color:#00AFF0;margin-top:2px;}
.tg-comp-h{font-size:17px;margin:18px 2px 0;color:#fff;}
.tg-ahorro{background:rgba(0,175,240,.10);border:1px solid rgba(0,175,240,.4);border-radius:12px;padding:10px 12px;font-size:13px;color:#E6D9B5;margin:6px 0 10px;}
.tg-ahorro s{color:#A8A8A8;} .tg-ahorro b{color:#fff;} .tg-ahorro em{font-style:normal;color:#35D07F;font-weight:800;}
.tg-promo-ahorro{font-size:13px;color:#B3BFCB;margin:-4px 0 8px;} .tg-promo-ahorro b{color:#35D07F;}
.of-novedad{display:flex;align-items:center;gap:12px;margin:10px 12px;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,rgba(0,175,240,.18),rgba(0,175,240,.06));border:1px solid rgba(0,175,240,.45);}
.of-novedad .nv-ic{color:#FF9000;display:flex;} .of-novedad .nv-t{flex:1;} .of-novedad b{display:block;color:#fff;font-size:15px;} .of-novedad small{color:#B3BFCB;font-size:12px;}
.of-novedad button{background:#FF9000;color:#111;border:0;border-radius:999px;padding:7px 14px;font-weight:800;font-size:12.5px;cursor:pointer;}
.tg-ahorro,.tg-ct-nota,.tg-comp-tabla span,.tg-comp-tabla b:not(.tg-ct-h b),.of-novedad small{text-transform:none !important;} .tg-ct-h b{text-transform:uppercase;}
.tg-ahorro{letter-spacing:normal;}

/* v236 — hoja de desbloqueo compacta */
.tg-hoja-caja{padding:14px 14px 16px !important; max-height:86vh !important;}
.tg-hoja-foto{height:92px !important; border-radius:14px !important;}
.tg-hoja-nom{font-size:19px !important; margin-top:8px !important;}
.tg-hoja-cat{font-size:11.5px !important;}
.tg-hoja-p{font-size:12.5px !important; margin:6px 0 4px !important;}
.tg-op{padding:10px 13px !important; margin-top:7px !important; border-radius:14px !important; gap:10px !important;}
.tg-op b{font-size:14px !important;} .tg-op small{font-size:11.5px !important;}
.tg-op.solo{background:#151515 !important; border:1.5px solid #FF9000; color:#fff !important;}
.tg-op.todo{margin-top:8px !important;} .tg-op.cat{margin-top:7px !important;}
.tg-op .tg-reco-tag{position:absolute; top:-8px; right:12px; background:#FF9000; color:#111; font-style:normal; font-size:9.5px; font-weight:800; letter-spacing:.06em; padding:2px 8px; border-radius:999px;}
.tg-hoja-caja .tg-ct-nota{margin:8px 2px 0 !important; font-size:11.5px !important;}

/* v240 — marca de agua en videos del visor */
.tg-visor-med{position:relative;}
.tg-wm{position:absolute; inset:0; z-index:3; pointer-events:none; overflow:hidden;}
.tg-wm-mos{position:absolute; inset:-30%; display:flex; flex-wrap:wrap; align-content:space-around; justify-content:space-around; gap:9% 6%; transform:rotate(-22deg);}
.tg-wm-mos span{display:flex; flex-direction:column; align-items:center; white-space:nowrap; font-size:12px; font-weight:800; letter-spacing:.09em; color:rgba(255,255,255,.2); text-shadow:0 1px 3px rgba(0,0,0,.5);}
.tg-wm.f1 .tg-wm-mos span{color:rgba(255,255,255,.12);} .tg-wm.f3 .tg-wm-mos span{color:rgba(255,255,255,.3);}
.tg-wm-mos small{font-size:9px; font-weight:600;}
.tg-wm-pl{position:absolute; display:flex; flex-direction:column; text-shadow:0 1px 3px rgba(0,0,0,.6); color:rgba(255,255,255,.62);}
.tg-wm-pl b{font-size:13px; letter-spacing:.14em;} .tg-wm-pl small{font-size:10px;}
.tg-wm-pl.p0{right:14px; bottom:64px;} .tg-wm-pl.p1{right:14px; top:14px;} .tg-wm-pl.p2{left:14px; bottom:64px;} .tg-wm-pl.p3{left:14px; top:14px;}

/* v240 — el botón de pantalla completa del video no existe */
.tg-visor video::-webkit-media-controls-fullscreen-button{display:none !important;}

/* v250 — botón por modelo bloqueado (VELVET) */
.bloq{opacity:.55 !important; filter:grayscale(.45); cursor:not-allowed !important; pointer-events:none; user-select:none;}

/* ===== v250 — BILLETERA + CENTRO DE CUENTA (morado + dorado, fondos oscuros) ===== */
.bw-card{position:relative;margin:4px 12px 0;padding:18px 18px 16px;border-radius:22px;color:#111;overflow:hidden;
  background:radial-gradient(120% 140% at 0% 0%,#E38100 0%,#995700 46%,#151515 100%);border:1px solid rgba(255,214,160,.35);box-shadow:0 14px 34px rgba(48,48,48,.35);}
.bw-card::after{content:"";position:absolute;right:-40px;top:-40px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(0,175,240,.28),transparent 70%);pointer-events:none;}
.bw-top{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:#FFE6C6;}
.bw-lbl{display:inline-flex;align-items:center;gap:6px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;font-size:11.5px;}
.bw-moneda{font-size:11.5px;font-weight:800;color:#00AFF0;border:1px solid rgba(0,175,240,.5);border-radius:999px;padding:4px 10px;cursor:pointer;}
.bw-saldo{font-size:34px;font-weight:800;letter-spacing:-.02em;margin:8px 0 2px;color:#fff;}
.bw-sub{font-size:12.5px;color:#D3D3D3;}
.bw-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 12px;}
.bw-grid div{background:rgba(9,9,9,.38);border:1px solid rgba(255,214,160,.2);border-radius:14px;padding:10px 12px;}
.bw-grid small{display:block;font-size:11.5px;color:#CACACA;} .bw-grid b{display:block;font-size:16px;margin-top:3px;color:#fff;}
.bw-pct{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:#FFEFDB;margin:4px 0 12px;} .bw-pct .ic{color:#00AFF0;flex:0 0 auto;margin-top:1px;} .bw-pct b{color:#00AFF0;} .bw-pct em{font-style:normal;color:#00AFF0;font-weight:700;}
.bw-pct-solo{margin:10px 16px;}
.bw-usar{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#F4D27A,#00AFF0);color:#2A1B05 !important;font-weight:800;font-size:14px;border-radius:999px;padding:12px;text-decoration:none;}
.bw-acc{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 12px 4px;}
.bw-tile{display:flex;flex-direction:column;align-items:center;gap:6px;background:#101010;border:1px solid #222222;border-radius:14px;padding:12px 4px;color:#FFE6C6;font-size:11px;font-weight:700;text-align:center;cursor:pointer;min-height:68px;}
.bw-tile .ic{color:#FFD6A0;}
.bw-tabs{display:flex;gap:6px;overflow-x:auto;margin:14px 12px 4px;padding-bottom:2px;scrollbar-width:none;} .bw-tabs::-webkit-scrollbar{display:none;}
.bw-tabs button,.bw-fil button,.bw-seg button{flex:0 0 auto;background:#101010;border:1px solid #222222;color:#C3C3C3;border-radius:999px;padding:9px 15px;font-size:13px;font-weight:700;cursor:pointer;min-height:38px;}
.bw-tabs button.on,.bw-fil button.on,.bw-seg button.on{background:linear-gradient(135deg,#FF9306,#C26E00);color:#111;border-color:#FF9E1F;}
.bw-cont{padding:2px 0 8px;} .bw-cont .cu-sec{color:#C3C3C3;}
.bw-hola{margin:12px 14px 4px;font-size:15px;color:#FFE6C6;} .bw-hola b{color:#fff;}
.bw-aviso{display:flex;gap:10px;align-items:flex-start;margin:10px 12px;padding:12px 14px;border-radius:14px;background:rgba(0,175,240,.1);border:1px solid rgba(0,175,240,.4);color:#EBDDB0;font-size:13px;} .bw-aviso .ic{color:#00AFF0;flex:0 0 auto;}
.bw-tipos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 12px 0;}
.bw-tipos div{background:#101010;border:1px solid #222222;border-radius:14px;padding:10px;font-size:11.5px;color:#C3C3C3;} .bw-tipos i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;} .bw-tipos b{display:block;color:#fff;font-size:14px;margin-top:4px;}
.bw-lote{display:flex;justify-content:space-between;align-items:center;margin:6px 12px;padding:11px 14px;background:#101010;border:1px solid #222222;border-radius:12px;color:#fff;font-size:14px;} .bw-lote small{color:#A7A7A7;font-size:12px;}
.bw-nota{margin:6px 12px;color:#A7A7A7;font-size:13px;}
.bw-fil{display:flex;gap:6px;margin:6px 12px 8px;}
.bw-mov{display:flex;align-items:center;gap:12px;margin:6px 12px;padding:12px 14px;background:#101010;border:1px solid #222222;border-radius:14px;}
.bw-ico{flex:0 0 auto;width:36px;height:36px;border-radius:50%;background:rgba(255,158,31,.14);color:var(--c,#FFD6A0);display:flex;align-items:center;justify-content:center;}
.bw-mt{flex:1;min-width:0;} .bw-mt b{display:block;font-size:14px;color:#fff;} .bw-mt small{display:block;font-size:12px;color:#A7A7A7;margin-top:2px;overflow:hidden;text-overflow:ellipsis;}
.bw-mm{flex:0 0 auto;font-weight:800;font-size:14px;color:#fff;text-align:right;}
.bw-vacio{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;margin:10px 12px;padding:26px 16px;background:#101010;border:1px dashed #2F2F2F;border-radius:16px;color:#FFD6A0;} .bw-vacio b{color:#fff;font-size:15px;} .bw-vacio small{color:#A7A7A7;font-size:13px;}
.bw-cond{margin:4px 12px;color:#C3C3C3;font-size:13px;} .bw-cond p{display:flex;gap:8px;align-items:flex-start;margin-bottom:9px;} .bw-cond .ic{color:#00AFF0;flex:0 0 auto;margin-top:2px;}
.bw-ben{display:flex;gap:12px;align-items:flex-start;margin:8px 12px;padding:14px;background:#101010;border:1px solid #222222;border-radius:14px;color:#FFD6A0;} .bw-ben b{display:block;color:#fff;font-size:14.5px;} .bw-ben small{display:block;color:#A7A7A7;font-size:12.5px;margin-top:2px;}
.bw-promo{display:flex;gap:12px;align-items:flex-start;margin:8px 12px;padding:14px;border-radius:14px;background:linear-gradient(135deg,rgba(0,175,240,.2),rgba(255,147,6,.2));border:1px solid rgba(0,175,240,.5);color:#00AFF0;} .bw-promo b{display:block;color:#fff;} .bw-promo small{color:#FFEFDB;font-size:12.5px;}
.bw-faq{margin:6px 12px;background:#101010;border:1px solid #222222;border-radius:14px;padding:12px 14px;color:#fff;} .bw-faq summary{cursor:pointer;font-weight:700;font-size:14px;} .bw-faq p{margin-top:8px;color:#C3C3C3;font-size:13px;}
.bw-pref{display:flex;justify-content:space-between;align-items:center;margin:6px 12px;padding:12px 14px;background:#101010;border:1px solid #222222;border-radius:14px;color:#FFE6C6;font-size:14px;} .bw-seg{display:flex;gap:6px;}
#cuenta .cu-sus{background:#101010;border-color:#222222;border-left-color:var(--c,#FF9E1F);}
#cuenta .cu-ren{background:linear-gradient(135deg,#FF9306,#C26E00);}
@media (max-width:360px){.bw-acc{grid-template-columns:repeat(2,1fr);}.bw-saldo{font-size:28px;}}
.bw-card,.bw-cont,.bw-tabs,.bw-acc,.bw-hola,.bw-aviso,.bw-pct{text-transform:none !important;letter-spacing:normal;}
.bw-lbl{text-transform:uppercase !important;} .bw-cont .cu-sec{text-transform:uppercase !important;}
.bw-tile span,.bw-tabs button,.bw-fil button,.bw-seg button,.bw-mt b,.bw-mt small,.bw-grid small,.bw-vacio *,.bw-cond p,.bw-ben *,.bw-faq *,.bw-pref *,.bw-promo *,.bw-tipos *,.bw-lote *{text-transform:none !important;letter-spacing:normal;}

.bw-banner{display:flex;align-items:center;gap:12px;margin:10px 12px;padding:13px 15px;border-radius:16px;text-decoration:none;color:#fff !important;
  background:linear-gradient(135deg,#C26E00,#262626);border:1px solid rgba(0,175,240,.5);}
.bw-banner-ic{flex:0 0 auto;width:38px;height:38px;border-radius:50%;background:rgba(0,175,240,.16);color:#00AFF0;display:flex;align-items:center;justify-content:center;}
.bw-banner-t{flex:1;min-width:0;} .bw-banner-t b{display:block;font-size:14.5px;} .bw-banner-t small{display:block;font-size:12px;color:#FFE6C6;margin-top:2px;}
.bw-banner[hidden]{display:none;}
.bw-banner,.bw-banner *{text-transform:none !important;letter-spacing:normal;}
/* v258 — perfil público del modelo en la hoja de desbloqueo */
.tg-hoja-exc{display:flex; justify-content:center; align-items:center; gap:6px; margin:2px 0 10px; font-size:12px; font-weight:700; color:#00AFF0;}
.tg-pf-gal{display:grid; grid-auto-flow:column; grid-auto-columns:46%; gap:8px; overflow-x:auto; scroll-snap-type:x proximity; margin:6px 0 10px; scrollbar-width:none;}
.tg-pf-gal::-webkit-scrollbar{display:none;} .tg-pf-gal span{aspect-ratio:3/4; border-radius:12px; background:#0b0b0b center/cover no-repeat; scroll-snap-align:start; border:1px solid var(--tg-line,#2E2E2E);}
.tg-pf-bio{font-size:13.5px; line-height:1.55; color:var(--tg-text,#F5F5F5); margin:4px 0 10px;}
.tg-pf-ben{list-style:none; padding:0; margin:0 0 12px; display:grid; gap:7px;} .tg-pf-ben li{display:flex; gap:9px; align-items:flex-start; font-size:13px; color:var(--tg-text,#F5F5F5);} .tg-pf-ben svg{color:#3DD68C; flex:none; margin-top:2px;}

/* ===== v259 · fase 2: el catálogo manda ===== */
#tgCats{padding-top:6px;}
#tgCats .tg-top{display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin:4px 0 8px;}
#tgCats .tg-top .tg-h{text-align:left; font-size:23px; margin:0 !important; font-weight:300 !important; text-transform:none;}
#tgCats .tg-top small{font-size:12px; color:var(--tg-dim,#A8A8A8);}
/* promo compacta: una fila de precio + botón; el detalle se abre aparte */
#tgCats .tg-promo{margin:0 0 6px; padding:12px 13px; border-radius:18px; border:1px solid rgba(0,175,240,.55); background:linear-gradient(125deg,#C46F00 0%,#282828 55%,#131313 100%); box-shadow:0 10px 26px -16px #FF9E1F;}
#tgCats .tg-promo-top{display:flex; align-items:center; gap:10px;}
#tgCats .tg-promo-tag{padding:7px 9px; font-size:14px; border-radius:11px;}
#tgCats .tg-promo-t{flex:1; min-width:0;} #tgCats .tg-promo-t b{font-size:14.5px; line-height:1.2; text-transform:none;} #tgCats .tg-promo-t small{font-size:10.5px; letter-spacing:.2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-transform:none;}
#tgCats .tg-promo-p{display:flex; flex-direction:column; align-items:flex-end; line-height:1.1; flex:none;}
#tgCats .tg-promo-p s{font-size:11.5px; color:#c4c4c4;} #tgCats .tg-promo-p b{font-size:21px; color:#00AFF0; font-weight:900;} #tgCats .tg-promo-p small{font-size:9.5px; color:#d5d5d5; text-transform:none;}
#tgCats .tg-promo-acc{display:flex; gap:8px; margin-top:10px; align-items:stretch;}
#tgCats .tg-promo-acc .tg-comp{flex:1; margin:0; padding:11px 12px; border-radius:12px;}
#tgCats .tg-promo-mas{flex:none; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); color:#fff; border-radius:12px; padding:0 14px; font:700 12.5px inherit; font-family:inherit; cursor:pointer; text-transform:none;}
#tgCats .tg-promo-det{margin-top:10px;} #tgCats .tg-promo-det[hidden]{display:none;}
#tgCats .tg-promo-det .tg-promo-li{margin:8px 0 10px;} #tgCats .tg-promo-det .tg-promo-ahorro{margin:0;}
/* encabezados de sección */
.tg-sh{display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin:0 0 9px;}
.tg-sh b{font-size:17px; font-weight:800; letter-spacing:-.01em; text-transform:none; color:#fff; position:relative; padding-left:11px;}
.tg-sh b::before{content:""; position:absolute; left:0; top:3px; bottom:3px; width:3px; border-radius:3px; background:linear-gradient(#FF9E1F,#00AFF0);}
.tg-sh small{font-size:12px; color:var(--tg-dim,#A8A8A8); text-transform:none;}
.tg-sec{margin:16px 0 0;} .tg-sec-cats{margin-top:18px;}
.tg-sh-cat{margin-top:22px;}
/* rieles horizontales */
.tg-rail{display:grid; grid-auto-flow:column; grid-auto-columns:41%; gap:10px; overflow-x:auto; scroll-snap-type:x proximity; padding:2px 2px 8px; margin:0 -2px; scrollbar-width:none; -webkit-overflow-scrolling:touch;}
.tg-rail::-webkit-scrollbar{display:none;} .tg-rail > *{scroll-snap-align:start; min-width:0;}
.tg-rail.grande{grid-auto-columns:56%;}
.tg-rail .tg-bm{width:100%;}
@media (min-width:560px){ .tg-rail{grid-auto-columns:200px;} .tg-rail.grande{grid-auto-columns:250px;} }
/* portadas de categoría */
.tg-rail.tg-tiles{grid-auto-columns:64%;}
@media (min-width:560px){ .tg-rail.tg-tiles{grid-auto-columns:260px;} }
.tg-tile{position:relative; display:block; height:132px; padding:0; border:1px solid var(--c); border-radius:18px; overflow:hidden; background:#0E0E0E; color:#fff; font-family:inherit; text-align:left; cursor:pointer; box-shadow:0 12px 26px -16px var(--c); transition:transform .18s ease;}
.tg-tile:active{transform:scale(.97);}
.tg-tile-f{position:absolute; inset:0; background:linear-gradient(120deg,var(--c),#0b0b0b) center/cover no-repeat; filter:brightness(.62) saturate(1.05); transform:scale(1.04);}
.tg-tile::after{content:""; position:absolute; inset:0; background:linear-gradient(to top,rgba(10,14,22,.92) 8%,rgba(10,14,22,.1) 70%);}
.tg-tile-b{position:absolute; left:13px; right:13px; bottom:11px; z-index:2; display:flex; flex-direction:column; gap:2px; text-transform:none;}
.tg-tile-b i{position:absolute; right:0; top:-86px; width:30px; height:30px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:rgba(10,14,22,.55); color:var(--c); border:1px solid var(--c);}
.tg-tile-b b{font-size:19px; font-weight:900; letter-spacing:1.5px; text-transform:uppercase;} .tg-tile-b small{font-size:12px; color:#D5DCE4;}
.tg-tile-b em{font-style:normal; align-self:flex-start; margin-top:4px; padding:3px 9px; border-radius:99px; background:#00AFF0; color:#1B1304; font-size:11.5px; font-weight:900;}
/* búsqueda de una sola línea */
#tgCats .tg-buscar{display:block; position:relative; margin:14px 0 0; padding:0; border:0; background:none;}
#tgCats .tg-buscar label{position:absolute; left:14px; top:0; bottom:0; display:flex; align-items:center; margin:0; pointer-events:none; color:#FF9E1F;}
#tgCats .tg-buscar input{padding:13px 16px 13px 42px; border:1px solid #303030; background:#141c28;}
#tgCats .tg-buscar input:focus{border-color:#FF9E1F;}
/* chips pegajosos dentro de la lista de categorías */

/* tarjetas de categoría más bajas */
#tgCats .of-portada{height:92px;} #tgCats .of-perfil{margin-top:-32px;} #tgCats .of-avatar{width:64px; height:64px;}
#tgCats .tg-cat-n{font-size:22px !important; letter-spacing:1.5px !important;}
#tgCats .of-desc{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
/* cliente VIP: sin banner promocional ni portadas de categoría; el catálogo queda como "explorar más" */
html.tg-cliente #tgCats .tg-promo, html.tg-cliente #tgDetectar, html.tg-cliente #tgCats .tg-top{display:none !important;}
html.tg-cliente #tgCats{padding-top:14px;}
@media (prefers-reduced-motion:reduce){ .tg-tile{transition:none;} }
#tgCats .tg-promo{overflow:hidden; box-sizing:border-box; max-width:100%;}
#tgCats .tg-promo-acc{min-width:0;}
#tgCats .tg-promo-acc .tg-comp{min-width:0; justify-content:center; font-size:13px; white-space:nowrap;}
#tgCats .tg-promo-acc .tg-comp b{display:none;}
#tgCats .tg-promo-mas{white-space:nowrap;}
.tg-rail .tg-bm-btn{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:11px !important; padding-left:6px !important; padding-right:6px !important; justify-content:center;}
.tg-rail .tg-bm-pie b{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;}
.tg-tile-b i{display:none;}
.tg-rail{grid-auto-columns:44%;} .tg-rail.grande{grid-auto-columns:58%;}
#tgCats .tg-top .tg-h{font-size:20px !important; white-space:nowrap;}
.bw-tot{display:flex; justify-content:space-between; gap:10px; margin:10px 0 2px; font-size:12.5px; color:var(--tg-dim,#A8A8A8);} .bw-tot b{color:#F5F5F5; font-size:13.5px;}
.bw-nota{display:flex; gap:8px; align-items:flex-start; margin:6px 0; font-size:12px; color:var(--tg-dim,#A8A8A8); line-height:1.4;}

/* v291 — etiquetas de oferta: antes tachado + porcentaje */
.tg-antes{opacity:.6; text-decoration:line-through; text-decoration-thickness:1.5px; font-weight:600; margin-right:2px;}
.tg-off{display:inline-block; font-style:normal; font-size:.72em; font-weight:800; letter-spacing:.02em; padding:2px 6px; border-radius:6px; background:linear-gradient(135deg,#FFB347,#FF9000); color:#101010; vertical-align:middle; margin-left:3px;}

/* v291 — tarjetas de modelo: «Desbloquear» arriba y el precio (con el de antes) abajo, sin cortarse */
.tg-bm-btn:has(.tg-bm-b1){flex-wrap:wrap !important; white-space:normal !important; row-gap:1px !important; padding:6px 4px !important; line-height:1.15;}
.tg-bm-b1{flex-basis:100%; text-align:center; font-size:11px; font-weight:800;}
.tg-bm-b2{flex-basis:100%; text-align:center; font-size:11px; font-weight:800; white-space:nowrap;}
.tg-bm-b2 .tg-antes{font-weight:600;} .tg-bm-btn .tg-off{background:#101010; color:#FFB347; margin-left:4px;}
/* v291 — categorías destacadas arriba del inicio (quien aún no es cliente) */
.tg-sec-cats.top .tg-tile{height:168px; border-width:1.5px;}
.tg-sec-cats.top .tg-tile-b b{font-size:22px;}
.tg-sec-cats.top .tg-tile-b em{white-space:nowrap; font-size:12.5px; padding:4px 10px;}
.tg-sec-cats.top .tg-tile-b em .tg-antes{color:#3a2a00; opacity:.75;}
.tg-sec-cats.top .tg-tile-b em .tg-off{background:#101010; color:#FFB347;}
.tg-tile-b em{white-space:nowrap;}
.tg-tile-b em i.tg-off{display:inline-block !important; position:static !important; width:auto !important; height:auto !important; border:0 !important; border-radius:6px !important;}

/* v308 — marca del centro: quieta y transparente (el id del cliente va escondido, no a la vista) */
.tg-wm-cen{--vis:.3; position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; padding:0 10%; text-align:center; color:#fff; opacity:var(--vis);}
.tg-wm.f1 .tg-wm-cen{--vis:.2;} .tg-wm.f3 .tg-wm-cen{--vis:.42;}
.tg-wm-cen b{font-size:clamp(12px,3.6vw,20px); font-weight:800; letter-spacing:.16em; line-height:1.35; text-shadow:0 1px 6px rgba(0,0,0,.8), 0 0 20px rgba(0,0,0,.45);}
.tg-wm-cen span{font-size:clamp(11px,3vw,16px); font-weight:700; letter-spacing:.12em; text-shadow:0 1px 5px rgba(0,0,0,.8);}
/* v313 — el diseño del centro (logo, filete, píldora, id dorado) está en estilo.css, compartido */
.tg-mt img{background:#15101f;}


/* =====================================================================
   v313 — PERFIL DEL MODELO en la mini app: portada con "CONTENIDO EXCLUSIVO" en contorno, logo FansPremium,
   foto en arco dorado centrada y nombre en dorado.
   ===================================================================== */
.tg-perfil .of-portada{height:212px; overflow:hidden; background:radial-gradient(120% 90% at 50% 0%, #2a1c3d, #0b0b0b 70%);}
.tg-perfil .of-portada > span{filter:blur(18px) brightness(.5) saturate(1.3);}
.tg-perfil .of-portada::after{background:linear-gradient(to bottom,rgba(0,0,0,.35),rgba(11,11,11,.2) 45%,#0b0b0b 98%);}
.tg-hz-gig{position:absolute; left:0; right:0; top:62px; z-index:1; text-align:center; display:flex; flex-direction:column; line-height:.84; pointer-events:none;}
.tg-hz-gig em{font-style:normal; font-family:'Fraunces', serif; font-weight:800; font-size:clamp(40px, 14vw, 66px); color:transparent; -webkit-text-stroke:1.1px rgba(245,212,136,.38);}
.tg-hz-gig em + em{-webkit-text-stroke-color:rgba(245,212,136,.22);}
.tg-hz-marca{position:absolute; z-index:3; left:14px; top:calc(var(--tg-top, env(safe-area-inset-top, 0px)) + 54px); display:flex; align-items:center; gap:7px;}
.tg-hz-marca img{width:26px; height:26px; display:block; filter:drop-shadow(0 2px 6px rgba(0,0,0,.6));}
.tg-hz-marca b{font-size:10.5px; font-weight:900; letter-spacing:.24em; color:#fff; text-shadow:0 1px 6px rgba(0,0,0,.7);}
.tg-hz-marca b em{font-style:normal; color:#F5D488;}
.tg-perfil .of-bloq{top:calc(var(--tg-top, env(safe-area-inset-top, 0px)) + 54px); z-index:3;}
.tg-perfil .of-perfil{flex-direction:column; align-items:center; text-align:center; gap:10px; margin-top:-104px; padding:0 16px;}
.tg-perfil .of-avatar.tg-arco{
  width:126px; height:158px; border-radius:999px 999px 22px 22px; border:0; color:#F5D488;
  background-color:#120D1C; background-size:cover; background-position:center top;
  box-shadow:0 0 0 3px #0b0b0b, 0 0 0 6px #F2B93E, 0 0 0 9px rgba(242,185,62,.22), 0 18px 40px -10px rgba(0,0,0,.85), 0 0 46px rgba(242,185,62,.3);
}
.tg-perfil .of-datos{padding-bottom:0; width:100%;}
.tg-hz-kick{font-size:10px; font-weight:900; letter-spacing:.34em; color:rgba(255,255,255,.8); margin-bottom:3px;}
.tg-perfil .of-nombre{justify-content:center;}
.tg-perfil .of-nombre .tg-cat-n{font-family:'Fraunces', serif; font-size:clamp(28px, 8.6vw, 38px) !important; font-weight:600; letter-spacing:.01em !important; line-height:1.05; background:linear-gradient(100deg,#FFF7DE,#F2B93E 45%,#FFF7DE 70%,#E8C87A); -webkit-background-clip:text; background-clip:text; color:transparent !important; -webkit-text-fill-color:transparent;}
.tg-perfil .of-ver{color:#F2B93E;}
.tg-hz-linea{display:flex; align-items:center; justify-content:center; gap:10px; margin:8px auto 7px; width:min(72%, 260px);}
.tg-hz-linea i{flex:1; height:1px; background:linear-gradient(90deg, transparent, rgba(245,212,136,.9));}
.tg-hz-linea i:last-child{background:linear-gradient(270deg, transparent, rgba(245,212,136,.9));}
.tg-hz-linea img{width:20px; height:20px; display:block;}
.tg-perfil .of-stats{justify-content:center;}