/* v251 · barra inferior + Explorar + Novedades (tema Telegram oscuro, acentos azul/dorado) */
#fpNav{position:fixed; left:0; right:0; bottom:0; z-index:9100; display:flex; background:rgba(11,11,11,.96); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
  border-top:1px solid var(--tg-line,#2E2E2E); padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px)); }
#fpNav button{flex:1; position:relative; display:flex; flex-direction:column; align-items:center; gap:3px; background:none; border:0; color:var(--tg-dim,#A8A8A8); font:600 10.5px/1.1 inherit; font-family:inherit; padding:6px 2px; cursor:pointer; -webkit-tap-highlight-color:transparent; min-height:48px; transition:color .15s ease, transform .12s ease;}
#fpNav button svg{width:23px; height:23px; transition:transform .18s ease;}
#fpNav button:active svg{transform:scale(.88);}
#fpNav button.on{color:var(--tg-blue,#FF9000);} #fpNav button.on svg{transform:translateY(-1px);}
#fpNav button[data-fpn=vip].on, #fpNav button[data-fpn=vip]:not(.on) svg{color:inherit;} #fpNav button[data-fpn=vip].on{color:#00AFF0;}
.fpn-dot{position:absolute; top:2px; left:calc(50% + 4px); min-width:16px; height:16px; padding:0 4px; border-radius:99px; background:#E5484D; color:#111; font:800 9.5px/16px inherit; font-style:normal; text-align:center; box-sizing:border-box;}
html.fp-con-nav body{padding-bottom:calc(70px + env(safe-area-inset-bottom,0px)) !important;}
html.tg-perfil-on #fpNav, html.fp-visor-on #fpNav{display:none;}
.tg-atras-fab{bottom:auto;}
.tg-perfil{z-index:9300 !important;}
.fpn-hoja{position:fixed; left:0; right:0; top:0; bottom:0; z-index:9000; background:var(--tg-bg,#151515); overflow-y:auto; -webkit-overflow-scrolling:touch; overscroll-behavior:contain;
  transform:translateY(14px); opacity:0; pointer-events:none; transition:opacity .18s ease, transform .22s ease;}
.fpn-hoja.on{opacity:1; transform:none; pointer-events:auto;}
.fpn-hoja-top{position:sticky; top:0; z-index:2; padding:calc(var(--tg-top,env(safe-area-inset-top,0px)) + 14px) 16px 10px; background:linear-gradient(to bottom,var(--tg-bg,#151515) 80%,transparent); font-size:20px;}
.fpn-hoja-top b{font-weight:800; letter-spacing:-.01em;}
.fpn-hoja-cuerpo{padding:0 14px calc(96px + env(safe-area-inset-bottom,0px)); max-width:620px; margin:0 auto;}
.fpx-bus{display:flex; align-items:center; gap:10px; background:var(--tg-card,#1e1e1e); border:1px solid var(--tg-line,#2E2E2E); border-radius:14px; padding:0 14px; margin-bottom:14px;}
.fpx-bus svg{width:18px; height:18px; color:var(--tg-dim,#A8A8A8); flex:none;} .fpx-bus input{flex:1; background:none; border:0; outline:0; color:var(--tg-text,#F5F5F5); font:500 15px inherit; font-family:inherit; padding:13px 0;}
.fpx-promo{display:flex; gap:12px; align-items:center; padding:13px 14px; margin-bottom:6px; border-radius:16px; background:linear-gradient(120deg,rgba(227,129,0,.55),rgba(153,87,0,.5)); border:1px solid rgba(0,175,240,.45); color:var(--tg-text,#F5F5F5); text-decoration:none; cursor:pointer;}
.fpx-promo > span{width:42px; height:42px; border-radius:12px; background:rgba(0,175,240,.18); color:#00AFF0; display:flex; align-items:center; justify-content:center; flex:none;}
.fpx-promo b{display:block; font-size:14px;} .fpx-promo small{display:block; color:#d5d5d5; font-size:12px; margin-top:2px;}
.fpx-sec{margin-top:20px;} .fpx-h{display:flex; align-items:baseline; justify-content:space-between; margin-bottom:10px;} .fpx-h b{font-size:16px; font-weight:800;} .fpx-h small{color:var(--tg-dim,#A8A8A8); font-size:12px;}
.fpx-fila{display:grid; grid-auto-flow:column; grid-auto-columns:42%; gap:10px; overflow-x:auto; scroll-snap-type:x proximity; padding-bottom:6px; scrollbar-width:none;}
.fpx-fila::-webkit-scrollbar{display:none;} .fpx-fila > *{scroll-snap-align:start; min-width:0;}
.fpx-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:10px;}
.fpx-cols{display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:10px;}
.fpx-col{position:relative; display:flex; flex-direction:column; gap:3px; padding:14px; border-radius:16px; background:var(--tg-card,#1e1e1e); border:1px solid var(--tg-line,#2E2E2E); text-decoration:none; color:var(--tg-text,#F5F5F5); border-top:3px solid var(--c);}
.fpx-col-ic{color:var(--c); margin-bottom:4px;} .fpx-col b{font-size:15px;} .fpx-col small{color:var(--tg-dim,#A8A8A8); font-size:12px;} .fpx-col i{font-style:normal; margin-top:6px; font-size:11.5px; font-weight:700; color:var(--c);}
.fpx-vacio{padding:36px 16px; text-align:center; color:var(--tg-dim,#A8A8A8); font-size:13.5px; line-height:1.6;} .fpx-vacio b{color:var(--tg-text,#F5F5F5); font-size:16px;}
.fpnv-acc{display:flex; justify-content:flex-end; margin-bottom:6px;} .fpnv-acc button{background:none; border:0; color:var(--tg-blue,#FF9000); font:600 12.5px inherit; font-family:inherit; cursor:pointer; padding:6px 2px;}
.fpnv{position:relative; display:flex; gap:12px; align-items:center; width:100%; text-align:left; padding:13px 14px; margin-bottom:8px; border-radius:14px; background:var(--tg-card,#1e1e1e); border:1px solid var(--tg-line,#2E2E2E); color:var(--tg-text,#F5F5F5); font-family:inherit; cursor:pointer;}
.fpnv.nueva{border-color:rgba(255,144,0,.55);} .fpnv.urg{border-color:rgba(0,175,240,.6);}
.fpnv-ic{width:38px; height:38px; border-radius:11px; background:rgba(255,144,0,.14); color:var(--tg-blue,#FF9000); display:flex; align-items:center; justify-content:center; flex:none;} .fpnv.urg .fpnv-ic{background:rgba(0,175,240,.16); color:#00AFF0;}
.fpnv-t{flex:1; min-width:0;} .fpnv-t b{display:block; font-size:13.5px; font-weight:700;} .fpnv-t small{display:block; margin-top:2px; font-size:12px; color:var(--tg-dim,#A8A8A8); line-height:1.4;}
.fpnv i{width:9px; height:9px; border-radius:50%; background:var(--tg-blue,#FF9000); flex:none;}
.fpvi{text-align:center; padding:28px 10px;} .fpvi-c{width:68px; height:68px; margin:0 auto 14px; border-radius:50%; background:rgba(0,175,240,.14); color:#00AFF0; display:flex; align-items:center; justify-content:center;}
.fpvi h3{font-size:22px; margin:0 0 6px;} .fpvi p{color:var(--tg-dim,#A8A8A8); font-size:14px; margin:0 0 16px;} .fpvi ul{list-style:none; padding:0; margin:0 0 20px; display:grid; gap:8px;} .fpvi li{display:flex; gap:10px; align-items:center; justify-content:center; font-size:13.5px;}
.fpvi-b{display:flex; align-items:center; justify-content:center; gap:8px; padding:14px; border-radius:14px; background:var(--tg-blue,#FF9000); color:#111; font-weight:700; text-decoration:none; cursor:pointer; margin-bottom:10px;}
.fpvi-s{display:flex; align-items:center; justify-content:center; gap:8px; width:100%; padding:13px; border-radius:14px; background:var(--tg-card,#1e1e1e); border:1px solid var(--tg-line,#2E2E2E); color:var(--tg-text,#F5F5F5); font:600 13.5px inherit; font-family:inherit; cursor:pointer;}
@media (min-width:769px){ #fpNav{max-width:560px; left:50%; right:auto; transform:translateX(-50%); border-radius:18px 18px 0 0; border:1px solid var(--tg-line,#2E2E2E); border-bottom:0;} }
@media (prefers-reduced-motion:reduce){ .fpn-hoja,#fpNav button,#fpNav svg{transition:none;} }

.fpf-wrap{padding-top:6px;} .fpf-wrap .fpx-h{margin-bottom:10px;}
.fpf{display:flex; gap:12px; width:100%; text-align:left; align-items:stretch; padding:10px; margin-bottom:8px; border-radius:16px; background:var(--tg-card,#1e1e1e); border:1px solid var(--tg-line,#2E2E2E); color:var(--tg-text,#F5F5F5); font-family:inherit; cursor:pointer;}
.fpf-img{flex:none; width:76px; height:76px; border-radius:12px; background:#0b0b0b center/cover no-repeat; display:flex; align-items:center; justify-content:center; color:var(--tg-dim,#A8A8A8);}
.fpf-t{flex:1; min-width:0; display:flex; flex-direction:column; justify-content:center; gap:3px;} .fpf-t b{font-size:14px; line-height:1.25;} .fpf-t small{font-size:12px; color:var(--tg-dim,#A8A8A8); line-height:1.4;}
.fpf-m{font-size:11px; color:var(--tg-dim,#A8A8A8); font-weight:600;} .fpf-m em{font-style:normal; color:#00AFF0; font-weight:800; letter-spacing:.04em;}
.fpf-mas{width:100%; padding:11px; border-radius:12px; border:1px solid var(--tg-line,#2E2E2E); background:none; color:var(--tg-blue,#FF9000); font:700 13px inherit; font-family:inherit; cursor:pointer;}
.fpp-img{width:100%; border-radius:16px; margin-bottom:12px; display:block;} .fpp h3{font-size:21px; margin:6px 0 10px; line-height:1.25;} .fpp-txt{font-size:15px; line-height:1.65; color:var(--tg-text,#F5F5F5);}
.fpp-lock{text-align:center; padding:26px 14px; border:1px dashed rgba(0,175,240,.5); border-radius:16px; color:#00AFF0; margin-top:8px;} .fpp-lock b{display:block; margin:8px 0 4px; color:var(--tg-text,#F5F5F5);} .fpp-lock p{color:var(--tg-dim,#A8A8A8); font-size:13.5px; margin:0 0 14px;}
.fpp-x{position:absolute; right:14px; top:calc(var(--tg-top,env(safe-area-inset-top,0px)) + 14px); background:var(--tg-card,#1e1e1e); border:1px solid var(--tg-line,#2E2E2E); color:var(--tg-text,#F5F5F5); border-radius:99px; padding:7px 14px; font:700 13px inherit; font-family:inherit; cursor:pointer;}

.fpok{position:fixed; inset:0; z-index:99995; background:rgba(8,12,18,.86); display:flex; align-items:center; justify-content:center; padding:18px; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); animation:fpokin .25s ease;}
@keyframes fpokin{from{opacity:0}to{opacity:1}}
.fpok-c{width:100%; max-width:420px; background:var(--tg-bg,#151515); border:1px solid var(--tg-line,#2E2E2E); border-radius:22px; padding:26px 20px 20px; text-align:center; max-height:92vh; overflow:auto;}
.fpok-chk{width:76px; height:76px; margin:0 auto 12px; border-radius:50%; background:rgba(61,214,140,.14); color:#3DD68C; display:flex; align-items:center; justify-content:center; animation:fpokpop .45s cubic-bezier(.2,1.4,.4,1);}
@keyframes fpokpop{from{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}
.fpok h3{font-size:22px; margin:0 0 4px;} .fpok p{color:var(--tg-dim,#A8A8A8); margin:0 0 16px; font-size:14px;}
.fpok-l{text-align:left; background:var(--tg-card,#1e1e1e); border-radius:14px; padding:4px 14px; margin-bottom:12px;} .fpok-l div{display:flex; justify-content:space-between; gap:12px; padding:10px 0; border-bottom:1px solid var(--tg-line,#2E2E2E); font-size:13px;} .fpok-l div:last-child{border:0;} .fpok-l span{color:var(--tg-dim,#A8A8A8);} .fpok-l b{text-align:right; word-break:break-word;}
.fpok-cb{display:flex; gap:12px; align-items:center; text-align:left; padding:12px 14px; margin-bottom:14px; border-radius:14px; background:linear-gradient(120deg,rgba(227,129,0,.5),rgba(153,87,0,.45)); border:1px solid rgba(0,175,240,.45); color:#00AFF0;} .fpok-cb b{display:block; color:var(--tg-text,#F5F5F5); font-size:14px;} .fpok-cb small{display:block; color:#d5d5d5; font-size:12px; margin-top:2px;}
@media (prefers-reduced-motion:reduce){.fpok,.fpok-chk{animation:none;}}
.fpvi-b{box-sizing:border-box; border:0; font-family:inherit; font-size:14px; width:100%;}

/* v259 · barra por tipo de usuario, campana, hoja de categorías */
#fpNav.vis button.on{color:#FFCD8C;} #fpNav.cli button.on{color:#FFCD8C;}
#fpNav button[data-fpn=vip]:not(.on){color:#00AFF0;} #fpNav button[data-fpn=vip].on{color:#00AFF0;}
#fpNav button.on::before{content:""; position:absolute; top:-7px; left:34%; right:34%; height:3px; border-radius:0 0 4px 4px; background:linear-gradient(90deg,#FF9E1F,#00AFF0);}
#fpNav button{font-size:10.5px; text-transform:none; letter-spacing:0;}
#fpBell{position:relative; display:inline-flex; align-items:center; gap:6px; background:rgba(255,158,31,.16); border:1px solid rgba(255,158,31,.5); color:#FFE6C6; border-radius:99px; padding:6px 12px 6px 10px; font:700 12px inherit; font-family:inherit; cursor:pointer; text-transform:none; flex:none;}
#fpBell svg{width:16px; height:16px;} #fpBell .fpn-dot{top:-5px; left:auto; right:-3px;}
.fpx-cats{display:grid; gap:12px;}
.fpx-cat{display:flex; flex-direction:column; border-radius:18px; overflow:hidden; background:var(--tg-card,#1e1e1e); border:1px solid var(--c);}
.fpx-cat-f{height:104px; background:linear-gradient(120deg,var(--c),#0b0b0b) center/cover no-repeat;}
.fpx-cat-b{padding:12px 14px 14px; display:flex; flex-direction:column; gap:3px;} .fpx-cat-b b{font-size:18px; letter-spacing:1.2px; color:var(--c); text-transform:uppercase;} .fpx-cat-b small{font-size:12.5px; color:var(--tg-dim,#A8A8A8); text-transform:none;}
.fpx-cat-a{display:flex; gap:8px; margin-top:10px;} .fpx-cat-a > *{flex:1; text-align:center; padding:11px 8px; border-radius:12px; font:700 13px inherit; font-family:inherit; cursor:pointer; text-decoration:none; box-sizing:border-box; text-transform:none; letter-spacing:0;}
.fpx-cat-a button{background:transparent; border:1.5px solid var(--c); color:var(--c);} .fpx-cat-a a{background:linear-gradient(120deg,#FF9E1F,#E38100); color:#111; border:1.5px solid transparent;}
.fpx-cat-a > a.of, .fpx-cat-a > button{font-size:13px !important; font-weight:700 !important; line-height:1.2; display:flex; align-items:center; justify-content:center;}

/* v265 · recarga con Stars */
.bw-rec{display:none; width:100%; align-items:center; justify-content:center; gap:8px; margin:12px 0 8px; padding:13px; border-radius:14px; border:1.5px solid #00AFF0; background:rgba(0,175,240,.1); color:#9BDFF8; font:700 14px inherit; font-family:inherit; cursor:pointer; text-transform:none;}
html.fp-stars-cred .bw-rec{display:flex;} .bw-rec:active{transform:scale(.98);}
.fpr-sub{font-size:13.5px; color:var(--tg-dim,#A8A8A8); line-height:1.5; margin:0 0 14px; text-transform:none;} .fpr-sub b{color:#00AFF0;}
.fpr-lista{display:grid; gap:10px;}
.fpr-p{position:relative; display:grid; grid-template-columns:1fr auto; gap:2px 10px; text-align:left; padding:14px; border-radius:16px; border:1.5px solid var(--tg-line,#2E2E2E); background:var(--tg-card,#1e1e1e); color:var(--tg-text,#F5F5F5); font-family:inherit; cursor:pointer; text-transform:none; transition:transform .15s ease,border-color .15s ease;}
.fpr-p:active{transform:scale(.98);} .fpr-p.on{border-color:#FF9000; box-shadow:0 0 0 2px rgba(255,144,0,.35);}
.fpr-p b{font-size:15px;} .fpr-cr{font-size:22px; font-weight:900; color:#F5F5F5; grid-row:1/3; grid-column:2; align-self:center;}
.fpr-p small{font-size:12px; color:var(--tg-dim,#A8A8A8); grid-column:1;} .fpr-st{display:inline-flex; align-items:center; gap:5px; font-weight:800; font-size:13px; color:#00AFF0; grid-column:1; margin-top:4px;}
.fpr-p em{position:absolute; top:-9px; left:12px; font-style:normal; font-size:10.5px; font-weight:800; letter-spacing:.06em; padding:3px 9px; border-radius:99px; background:#00AFF0; color:#1B1304; text-transform:uppercase;}
.fpr-conf{margin-top:16px; padding:14px; border-radius:16px; background:rgba(255,144,0,.12); border:1px solid rgba(255,144,0,.45);}
.fpr-conf > div{display:flex; justify-content:space-between; padding:6px 0; font-size:14px;} .fpr-conf > div b{font-size:16px;} .fpr-conf > div span{color:var(--tg-dim,#A8A8A8);}
.fpr-conf .fpvi-b{margin:12px 0 8px;} .fpr-n{display:flex; gap:6px; align-items:flex-start; font-size:12px; color:var(--tg-dim,#A8A8A8); line-height:1.45; text-transform:none;}
.fpr-spin{width:16px; height:16px; border-radius:50%; border:2px solid rgba(255,255,255,.3); border-top-color:#fff; animation:fprspin .7s linear infinite; display:inline-block;}
@keyframes fprspin{to{transform:rotate(360deg)}}
.fpr-ok{color:#3DD68C !important; background:rgba(61,214,140,.14) !important; animation:fpokpop .45s cubic-bezier(.2,1.4,.4,1);}
@media (prefers-reduced-motion:reduce){.fpr-spin,.fpr-ok{animation:none;} .fpr-p{transition:none;}}

/* v266 · barra más fiable al tacto + Zona VIP */
#fpNav button{touch-action:manipulation; -webkit-tap-highlight-color:transparent; min-height:48px; user-select:none; -webkit-user-select:none;}
.fv-head{display:flex; align-items:center; gap:12px; padding:14px; border-radius:20px; background:linear-gradient(130deg,#2d2d2d,#151515 70%); border:1px solid rgba(0,175,240,.45); box-shadow:var(--fp-sombra,0 10px 26px -16px #FF9000);}
.fv-av{width:52px; height:52px; border-radius:50%; flex:none; display:flex; align-items:center; justify-content:center; font:800 22px inherit; font-family:inherit; color:#111; background:linear-gradient(135deg,#FF9000,#E38100); box-shadow:0 0 0 2px #00AFF0;}
.fv-hi{flex:1; min-width:0; display:flex; flex-direction:column; text-transform:none;} .fv-hi b{font-size:18px;} .fv-hi small{font-size:11.5px; color:var(--tg-dim,#A8A8A8);}
.fv-niv{flex:none; display:inline-flex; align-items:center; gap:5px; padding:5px 10px; border-radius:99px; background:rgba(0,175,240,.16); color:#9BDFF8; font:800 11px inherit; font-family:inherit; text-transform:none;}
.fv-stats{display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:10px 0 0;} .fv-stats > div{padding:11px 8px; border-radius:14px; background:var(--tg-card,#1e1e1e); border:1px solid var(--tg-line,#2E2E2E); text-align:center; text-transform:none;}
.fv-stats b{display:block; font-size:16px;} .fv-stats small{font-size:11px; color:var(--tg-dim,#A8A8A8);}
.fv-sec{margin-top:22px;} .fv-subs{display:grid; gap:12px;}
.fv-sub{display:flex; border-radius:18px; overflow:hidden; background:var(--tg-card,#1e1e1e); border:1px solid var(--tg-line,#2E2E2E); border-left:4px solid var(--c); animation:fvin .3s ease both; text-transform:none;}
.fv-sub-f{flex:0 0 34%; min-height:128px; background:linear-gradient(130deg,var(--c),#0b0b0b) center/cover no-repeat; filter:saturate(1.05);}
.fv-sub-b{flex:1; min-width:0; padding:12px; display:flex; flex-direction:column; gap:3px;} .fv-sub-b small{font-size:12px; color:var(--tg-dim,#A8A8A8);}
.fv-sub-t{display:flex; align-items:center; justify-content:space-between; gap:8px;} .fv-sub-t b{font-size:17px; letter-spacing:1.2px; color:var(--c);}
.fv-st{font-style:normal; font:800 10.5px inherit; font-family:inherit; padding:3px 9px; border-radius:99px; letter-spacing:.04em; text-transform:uppercase; white-space:nowrap;}
.fv-st.act{background:rgba(61,214,140,.16); color:#3DD68C;} .fv-st.perm{background:rgba(0,175,240,.18); color:#9BDFF8;} .fv-st.pronto{background:rgba(255,170,60,.18); color:#FFB347;} .fv-st.venc{background:rgba(229,72,77,.18); color:#FF7A7E;}
.fv-sub.venc{opacity:.85;}
.fv-sub-a{display:flex; gap:8px; margin-top:auto; padding-top:8px;} .fv-sub-a > *{flex:1; text-align:center; padding:9px 6px; border-radius:11px; font:700 12.5px inherit; font-family:inherit; text-decoration:none; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; gap:5px; text-transform:none; box-sizing:border-box;}
.fv-sub-a button{background:linear-gradient(120deg,#FF9000,#E67E00); color:#111; border:0;} .fv-sub-a a{border:1.5px solid #00AFF0; color:#9BDFF8; background:transparent;}
.fv-cat{margin-bottom:14px;} .fv-cat-h{display:flex; align-items:center; gap:8px; margin-bottom:8px; color:var(--c);} .fv-cat-h b{letter-spacing:1.2px; font-size:14px;} .fv-cat-h small{margin-left:auto; color:var(--tg-dim,#A8A8A8); font-size:12px;}
.fv-canal{display:flex; align-items:center; gap:12px; padding:13px; border-radius:16px; border:1px solid var(--c); color:var(--c); text-decoration:none; background:var(--tg-card,#1e1e1e); margin-top:8px;} .fv-canal span{flex:1;} .fv-canal b{display:block; color:#F5F5F5;} .fv-canal small{color:var(--tg-dim,#A8A8A8); font-size:12px;}
.fv-ben{display:flex; gap:12px; align-items:center; width:100%; padding:12px 14px; margin-bottom:8px; border-radius:14px; background:var(--tg-card,#1e1e1e); border:1px solid var(--tg-line,#2E2E2E); color:#F5F5F5; font-family:inherit; text-align:left; text-transform:none; box-sizing:border-box;}
.fv-ben svg{color:#FFCD8C; flex:none;} .fv-ben.oro{border-color:rgba(0,175,240,.6);} .fv-ben.oro svg{color:#00AFF0;} .fv-ben b{display:block; font-size:14px;} .fv-ben small{font-size:12px; color:var(--tg-dim,#A8A8A8);} button.fv-ben{cursor:pointer;}
.fv-ev{display:flex; gap:12px; align-items:center; padding:10px 0; border-bottom:1px solid var(--tg-line,#2E2E2E); text-transform:none;} .fv-ev > span{width:34px; height:34px; border-radius:50%; background:rgba(255,144,0,.16); color:#FFCD8C; display:flex; align-items:center; justify-content:center; flex:none;}
.fv-ev b{display:block; font-size:13.5px;} .fv-ev small{font-size:11.5px; color:var(--tg-dim,#A8A8A8);}
.fv-pie{display:flex; gap:10px; margin-top:22px;} .fv-pie > *{flex:1; margin:0;}
@keyframes fvin{from{opacity:0; transform:translateY(8px)}to{opacity:1; transform:none}}
@media (prefers-reduced-motion:reduce){.fv-sub{animation:none;}}
.fv-sub-t{flex-direction:column; align-items:flex-start; gap:5px;} .fv-st{font-size:10px !important; line-height:1.2;}
.fv-sub-a > *{font-size:12px !important;}

/* ===== v267 · Billetera (hoja propia), Cuenta (menú), Zona VIP: diseño y efectos ===== */
#fpBilletera .bw-card{margin:6px 0 0; background:linear-gradient(135deg,#313131 0%,#1c1c1c 55%,#111111 100%); border:1px solid rgba(0,175,240,.5); box-shadow:0 18px 40px -20px #FF9000, inset 0 1px 0 rgba(255,255,255,.08);}
#fpBilletera .bw-card::before,.fv-det::before{content:""; position:absolute; top:0; left:-60%; width:40%; height:100%; background:linear-gradient(100deg,transparent,rgba(255,255,255,.12),transparent); transform:skewX(-18deg); animation:fp267-brillo 5.5s ease-in-out infinite; pointer-events:none;}
@keyframes fp267-brillo{0%,60%{left:-60%} 100%{left:130%}}
#fpBilletera .bw-saldo{font-size:34px; font-weight:800; letter-spacing:-.5px; background:linear-gradient(90deg,#fff,#9BDFF8); -webkit-background-clip:text; background-clip:text; color:transparent;}
#fpBilletera .bw-tabs{margin:14px 0 4px;} #fpBilletera .bw-cont{margin:0;}
.bw-prop{margin:14px 0 4px; padding:14px; border-radius:16px; background:#0f0f0f; border:1px solid #222222;}
.bw-prop-b{display:flex; gap:3px; height:10px; border-radius:99px; overflow:hidden;} .bw-prop-b i{display:block; border-radius:99px; transform-origin:left; animation:fp267-barra .9s cubic-bezier(.2,.8,.2,1) both;}
@keyframes fp267-barra{from{transform:scaleX(0)} to{transform:scaleX(1)}}
.bw-prop-l{display:flex; flex-wrap:wrap; gap:6px 14px; margin-top:10px; font-size:12px; color:#A8A8A8; text-transform:none;} .bw-prop-l i{display:inline-block; width:8px; height:8px; border-radius:50%; margin-right:5px;} .bw-prop-l b{color:#fff;}
.bw-mas{display:flex; align-items:center; justify-content:center; gap:6px; width:100%; margin-top:8px; min-height:44px; border-radius:14px; background:transparent; border:1px dashed #595959; color:#FFD6A0; font-weight:700; font-size:13px; cursor:pointer; text-transform:none;}
.bw-mini .bw-mov{animation:fp267-sube .5s both;} .bw-mini .bw-mov:nth-child(2){animation-delay:.08s} .bw-mini .bw-mov:nth-child(3){animation-delay:.16s}
@keyframes fp267-sube{from{opacity:0; transform:translateY(10px)} to{opacity:1; transform:none}}
/* Cuenta: menú de filas */
.cu-menu{display:grid; gap:10px; margin:14px 12px 0; text-transform:none;}
.cu-fila{display:flex; align-items:center; gap:12px; width:100%; min-height:62px; padding:12px 14px; border-radius:16px; background:linear-gradient(135deg,#121212,#0e0e0e); border:1px solid #222222; color:#F5F5F5; text-align:left; cursor:pointer; touch-action:manipulation; transition:transform .15s,border-color .2s,box-shadow .2s; animation:fp267-sube .45s both; font:inherit;}
.cu-fila:nth-child(2){animation-delay:.05s} .cu-fila:nth-child(3){animation-delay:.1s} .cu-fila:nth-child(4){animation-delay:.15s} .cu-fila:nth-child(5){animation-delay:.2s} .cu-fila:nth-child(6){animation-delay:.25s}
.cu-fila:active{transform:scale(.98); border-color:#FF9000; box-shadow:0 0 0 3px rgba(255,144,0,.25);}
.cu-fic{flex:0 0 40px; height:40px; display:grid; place-items:center; border-radius:12px; background:linear-gradient(135deg,#FF9000,#C26E00); color:#111;}
.cu-fila:first-child .cu-fic{background:linear-gradient(135deg,#00AFF0,#8d6a2f);}
.cu-ft{flex:1; min-width:0; display:flex; flex-direction:column; gap:2px;} .cu-ft b{font-size:15px; font-weight:700;} .cu-ft small{color:#A3A3A3; font-size:12px; text-transform:none;}
.cu-chip{font-style:normal; font-weight:800; font-size:12px; color:#101010; background:linear-gradient(135deg,#9BDFF8,#00AFF0); padding:5px 10px; border-radius:99px; white-space:nowrap;}
.cu-atras{display:inline-flex; align-items:center; gap:6px; margin:12px 12px 0; min-height:40px; padding:0 14px; border-radius:99px; background:#101010; border:1px solid #222222; color:#FFD6A0; font-weight:700; font-size:13px; cursor:pointer; text-transform:none;}
.cu-tit{margin:12px 12px 6px !important;}
.cu-dato{display:flex; justify-content:space-between; gap:10px; padding:13px 14px; border-radius:14px; background:#0f0f0f; border:1px solid #222222; margin-bottom:8px; text-transform:none;} .cu-dato small{color:#A3A3A3;} .cu-dato b{color:#fff; word-break:break-all; text-align:right;}
/* Zona VIP: detectar + efectos */
.fv-det{position:relative; overflow:hidden; display:flex; align-items:center; gap:12px; width:100%; margin-top:14px; padding:14px; min-height:64px; border-radius:18px; border:1px solid rgba(0,175,240,.55); background:linear-gradient(120deg,#222222,#131313); color:#fff; text-align:left; cursor:pointer; touch-action:manipulation; font:inherit; text-transform:none;}
.fv-det-i{flex:0 0 44px; height:44px; display:grid; place-items:center; border-radius:14px; background:linear-gradient(135deg,#9BDFF8,#00AFF0); color:#101010;} .fv-det-i svg{animation:fp267-radar 3.2s linear infinite;}
@keyframes fp267-radar{to{transform:rotate(360deg)}}
.fv-det-t{flex:1; display:flex; flex-direction:column; gap:2px;} .fv-det-t b{font-size:15px;} .fv-det-t small{color:#A8A8A8; font-size:12px;}
.fv-det:active{transform:scale(.98);}
.fv-bus{margin:0 0 12px;}
.fv-head,.fv-stats>div,.fv-sub{animation:fp267-sube .5s both;} .fv-stats>div:nth-child(2){animation-delay:.07s} .fv-stats>div:nth-child(3){animation-delay:.14s}
.fv-sub:nth-child(2){animation-delay:.08s} .fv-sub:nth-child(3){animation-delay:.16s}
.fv-av{box-shadow:0 0 0 3px rgba(0,175,240,.35),0 0 22px rgba(255,144,0,.6);}
/* Inicio de cliente: marketing de lo que no tiene */
.tg-mkt,.tg-todas{display:flex; align-items:center; gap:12px; margin:14px 12px 4px; padding:14px; border-radius:16px; border:1px solid rgba(0,175,240,.5); background:linear-gradient(120deg,#222222,#131313); color:#9BDFF8; text-transform:none; animation:fp267-sube .5s both;}
.tg-mkt span,.tg-todas span{display:flex; flex-direction:column; gap:2px;} .tg-mkt b,.tg-todas b{color:#fff; font-size:15px;} .tg-mkt small,.tg-todas small{color:#A8A8A8; font-size:12px;}
.tg-tile{transition:transform .2s;} .tg-tile:active{transform:scale(.97);}
@media (prefers-reduced-motion:reduce){ #fpBilletera .bw-card::before,.fv-det::before,.fv-det-i svg,.bw-prop-b i,.cu-fila,.bw-mini .bw-mov,.fv-head,.fv-stats>div,.fv-sub,.tg-mkt,.tg-todas{animation:none !important;} }

/* ===== v268 · Zona VIP: pestañas + todos los modelos en cuadrícula ===== */
.fv-tabs{position:sticky; top:0; z-index:5; display:flex; gap:8px; margin:14px -14px 0; padding:10px 14px; background:linear-gradient(#0b0b0b 75%,transparent); text-transform:none;}
.fv-tabs button{flex:1; display:flex; align-items:center; justify-content:center; gap:7px; min-height:44px; border-radius:14px; background:#101010; border:1px solid #222222; color:#A8A8A8; font-weight:700; font-size:14px; cursor:pointer; touch-action:manipulation; font-family:inherit;}
.fv-tabs button.on{background:linear-gradient(135deg,#FF9000,#C26E00); color:#111; border-color:#FF9E1F; box-shadow:0 8px 20px -10px #FF9000;}
.fv-tabs b{background:rgba(255,255,255,.16); border-radius:99px; padding:1px 8px; font-size:12px;}
.fv-chips{display:flex; gap:8px; overflow-x:auto; padding:2px 0 12px; scrollbar-width:none;} .fv-chips::-webkit-scrollbar{display:none;}
.fv-chips button{flex:0 0 auto; min-height:38px; padding:0 14px; border-radius:99px; background:#101010; border:1px solid #222222; color:#A8A8A8; font-weight:700; font-size:13px; cursor:pointer; touch-action:manipulation; font-family:inherit; text-transform:none;}
.fv-chips button.on{background:linear-gradient(135deg,#00AFF0,#8d6a2f); color:#101010; border-color:#9BDFF8;} .fv-chips b{opacity:.75; margin-left:3px;}
.fv-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px;}
@media(min-width:560px){.fv-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
.fv-gi{position:relative; content-visibility:auto; contain-intrinsic-size:auto 220px; animation:fp267-sube .4s both;}
.fv-gi .tg-bm{width:100%;}
.fv-multi{position:absolute; top:8px; right:8px; z-index:3; display:inline-flex; align-items:center; gap:4px; padding:3px 8px; border-radius:99px; background:rgba(11,11,11,.82); border:1px solid rgba(0,175,240,.6); color:#9BDFF8; font-size:10px; font-style:normal; font-weight:700; text-transform:none; pointer-events:none;}
.fv-nota{display:flex; gap:7px; align-items:flex-start; margin:16px 2px 0; color:#A3A3A3; font-size:12px; text-transform:none;}
.fv-mm{margin-top:10px;}

/* ===== v268 · hoja de pago en la mini app ===== */
#fpPagar{z-index:9500;}
.fpp-x{display:inline-flex; align-items:center; gap:6px; margin:0 10px 0 0; vertical-align:middle; min-height:40px; padding:0 14px; border-radius:99px; background:#101010; border:1px solid #222222; color:#FFD6A0; font-weight:700; font-size:13px; cursor:pointer; font-family:inherit; text-transform:none;}
#fpPagar .fpn-hoja-cuerpo{text-transform:none;}
.fpp-head{padding:16px; border-radius:20px; background:linear-gradient(135deg,color-mix(in srgb,var(--c) 38%,#151515),#111111); border:1px solid color-mix(in srgb,var(--c) 60%,transparent); animation:fp267-sube .4s both;}
.fpp-t{display:flex; flex-direction:column; gap:3px;} .fpp-t b{font-size:22px; color:#fff;} .fpp-t small{color:#A8A8A8;}
.fpp-mon{display:flex; align-items:center; justify-content:space-between; margin-top:14px; color:#A8A8A8; font-weight:700;}
.fpp-res{margin-top:12px; padding:14px; border-radius:16px; background:#0f0f0f; border:1px solid #222222; display:grid; gap:8px;}
.fpp-res div{display:flex; justify-content:space-between; color:#A8A8A8;} .fpp-res b{color:#fff;} .fpp-cr b{color:#7DDC8A;} .fpp-tot{border-top:1px dashed #2f2f2f; padding-top:8px; font-weight:800;} .fpp-tot b{color:#9BDFF8; font-size:18px;}
.fpp-sw{display:flex; align-items:center; gap:12px; width:100%; margin-top:12px; padding:13px 14px; min-height:64px; border-radius:16px; background:#101010; border:1px solid #222222; color:#fff; text-align:left; cursor:pointer; font-family:inherit; touch-action:manipulation;}
.fpp-sw-i{flex:0 0 40px; height:40px; display:grid; place-items:center; border-radius:12px; background:linear-gradient(135deg,#00AFF0,#8d6a2f); color:#101010;}
.fpp-sw-t{flex:1; display:flex; flex-direction:column; gap:2px;} .fpp-sw-t b{font-size:15px;} .fpp-sw-t small{color:#A3A3A3; font-size:12px;}
.fpp-tg{flex:0 0 44px; height:26px; border-radius:99px; background:#222222; position:relative; transition:background .2s;} .fpp-tg::after{content:""; position:absolute; top:3px; left:3px; width:20px; height:20px; border-radius:50%; background:#fff; transition:transform .2s;}
.fpp-sw.on{border-color:#00AFF0; box-shadow:0 0 0 3px rgba(0,175,240,.18);} .fpp-sw.on .fpp-tg{background:#FF9000;} .fpp-sw.on .fpp-tg::after{transform:translateX(18px);}
.fpp-sec{margin:20px 2px 10px; font-size:12px; font-weight:800; letter-spacing:.08em; color:#A8A8A8; text-transform:uppercase;}
.fpp-m{display:flex; align-items:center; gap:12px; width:100%; min-height:62px; margin-bottom:10px; padding:12px 14px; border-radius:16px; background:linear-gradient(135deg,#121212,#0e0e0e); border:1px solid #222222; color:#fff; text-align:left; cursor:pointer; font-family:inherit; touch-action:manipulation; transition:transform .15s,border-color .2s;}
.fpp-m:active{transform:scale(.98); border-color:#FF9000;} .fpp-m span{flex:1; display:flex; flex-direction:column; gap:2px;} .fpp-m b{font-size:15px;} .fpp-m small{color:#A3A3A3; font-size:12px;}
.fpp-oro{border-color:#00AFF0; background:linear-gradient(135deg,#3b2a12,#1f1608);}
.fpp-nota{display:flex; gap:7px; color:#A3A3A3; font-size:12px; margin:14px 2px 0;}

/* ===== v268b · banner de pago con fotos + efectos ===== */
.fpp-ban{position:relative; overflow:hidden; border-radius:22px; min-height:210px; border:1px solid color-mix(in srgb,var(--c) 65%,transparent); background:linear-gradient(135deg,color-mix(in srgb,var(--c) 40%,#151515),#0d0d0d); box-shadow:0 20px 44px -22px var(--c); animation:fp267-sube .45s both;}
.fpp-col{position:absolute; inset:0; display:grid; grid-template-columns:repeat(4,1fr); gap:3px; transform:scale(1.08);}
.fpp-col span{background-size:cover; background-position:center top; filter:saturate(1.1) brightness(.85); animation:fp268-pan 9s ease-in-out infinite alternate, fp268-in .8s both; animation-delay:calc(var(--i)*.6s), calc(var(--i)*.1s);}
.fpp-col span:nth-child(even){margin-top:14px; margin-bottom:-14px;}
.fpp-col.uno{grid-template-columns:1fr;} .fpp-col.uno span{animation:fp268-pan 12s ease-in-out infinite alternate;}
@keyframes fp268-pan{from{transform:translateY(-4px) scale(1.02)} to{transform:translateY(6px) scale(1.1)}}
@keyframes fp268-in{from{opacity:0; transform:scale(1.25)} to{opacity:1}}
.fpp-ov{position:absolute; inset:0; background:linear-gradient(180deg,rgba(11,11,11,.15) 0%,rgba(11,11,11,.55) 45%,rgba(11,11,11,.94) 100%);}
.fpp-ov::after{content:""; position:absolute; top:0; left:-60%; width:35%; height:100%; background:linear-gradient(100deg,transparent,rgba(255,255,255,.14),transparent); transform:skewX(-18deg); animation:fp267-brillo 5s ease-in-out infinite;}
.fpp-bt{position:relative; display:flex; flex-direction:column; gap:3px; padding:70px 16px 16px; text-transform:none;}
.fpp-ic{position:absolute; top:14px; left:16px; width:42px; height:42px; display:grid; place-items:center; border-radius:13px; background:rgba(11,11,11,.7); border:1px solid color-mix(in srgb,var(--c) 70%,transparent); color:var(--c); backdrop-filter:blur(6px);}
.fpp-bt small{color:#9BDFF8; font-weight:700; letter-spacing:.06em; font-size:11px; text-transform:uppercase;}
.fpp-bt b{font-size:28px; line-height:1.05; color:#fff; letter-spacing:.2px; text-shadow:0 2px 14px rgba(0,0,0,.6); font-weight:800; text-transform:uppercase;}
.fpp-bt em{font-style:normal; color:#DADADA; font-size:13px;}
.fpp-chips{display:flex; flex-wrap:wrap; gap:6px; margin-top:8px;}
.fpp-chips i{display:inline-flex; align-items:center; gap:5px; font-style:normal; font-size:11px; font-weight:700; padding:5px 10px; border-radius:99px; background:rgba(11,11,11,.7); border:1px solid rgba(255,255,255,.16); color:#fff; backdrop-filter:blur(6px);}
.fpp-chips i.oro{background:linear-gradient(135deg,#9BDFF8,#00AFF0); color:#101010; border-color:transparent;}
.fpp-m{position:relative; overflow:hidden; animation:fp267-sube .45s both;} .fpp-m:nth-of-type(2){animation-delay:.06s} .fpp-m:nth-of-type(3){animation-delay:.12s} .fpp-m:nth-of-type(4){animation-delay:.18s}
.fpp-m::after{content:""; position:absolute; top:0; left:-60%; width:40%; height:100%; background:linear-gradient(100deg,transparent,rgba(255,255,255,.1),transparent); transform:skewX(-18deg); transition:left .6s;} .fpp-m:active::after{left:130%;}
.fpp-m:first-of-type{border-color:#FF9000; box-shadow:0 0 0 1px rgba(255,144,0,.4),0 10px 26px -14px #FF9000;}
.fpp-m.fpp-go{border-color:#00AFF0; background:linear-gradient(135deg,#3b2a12,#1f1608);} .fpp-m.fpp-go svg:last-child{animation:fp268-gira .8s linear infinite;}
@keyframes fp268-gira{to{transform:rotate(360deg)}}
.fpp-sw,.fpp-res,.fpp-mon{animation:fp267-sube .45s both .05s;}
@media (prefers-reduced-motion:reduce){.fpp-col span,.fpp-ov::after,.fpp-m,.fpp-ban,.fpp-sw,.fpp-res,.fpp-mon,.fpp-m.fpp-go svg:last-child{animation:none !important;}}

/* ===== v270 · pago dentro de la mini app: estados ===== */
.fpp-est{display:flex; flex-direction:column; align-items:center; gap:8px; margin-top:18px; padding:26px 18px; border-radius:20px; background:#0f0f0f; border:1px solid #222222; text-align:center; text-transform:none; animation:fp267-sube .4s both;}
.fpp-est b{font-size:19px; color:#fff;} .fpp-est small{color:#A3A3A3; font-size:13px; max-width:300px;}
.fpp-spin{width:38px; height:38px; border-radius:50%; border:3px solid #222222; border-top-color:#00AFF0; animation:fp268-gira .8s linear infinite;}
.fpp-pulso{width:62px; height:62px; display:grid; place-items:center; border-radius:50%; background:linear-gradient(135deg,#FF9000,#C26E00); color:#111; position:relative;} .fpp-pulso::after{content:""; position:absolute; inset:-6px; border-radius:50%; border:2px solid #FF9000; animation:fp270-onda 1.6s ease-out infinite;}
@keyframes fp270-onda{from{transform:scale(.85); opacity:.9} to{transform:scale(1.5); opacity:0}}
.fpp-est.ok{border-color:rgba(125,220,138,.55); background:linear-gradient(135deg,#10241a,#0e0e0e);}
.fpp-chk{width:72px; height:72px; display:grid; place-items:center; border-radius:50%; background:#7DDC8A; color:#0b2412; animation:fp270-pop .6s cubic-bezier(.2,1.4,.3,1) both; box-shadow:0 0 0 8px rgba(125,220,138,.18),0 0 40px rgba(125,220,138,.35);}
@keyframes fp270-pop{from{transform:scale(0)} to{transform:scale(1)}}
.fpp-acc{display:grid; gap:10px; margin-top:16px;}
.fpp-b{display:flex; align-items:center; justify-content:center; gap:8px; min-height:50px; border-radius:15px; border:1px solid #222222; background:#101010; color:#fff; font-weight:700; font-size:15px; cursor:pointer; font-family:inherit; touch-action:manipulation; text-transform:none;}
.fpp-b.pri{background:linear-gradient(135deg,#FF9000,#C26E00); border-color:#FF9E1F; box-shadow:0 10px 24px -12px #FF9000;} .fpp-b.sec{background:transparent; color:#A8A8A8;} .fpp-b:active{transform:scale(.98);}
.fpp-err{display:flex; gap:8px; align-items:flex-start; margin-top:12px; padding:11px 13px; border-radius:14px; background:#2a1219; border:1px solid #6b2434; color:#ffb3c0; font-size:13px; text-transform:none;}
.fpp-term{display:flex; gap:10px; align-items:flex-start; margin-top:12px; padding:12px 14px; border-radius:14px; background:#0f0f0f; border:1px solid #00AFF0; color:#ECECEC; font-size:13px; text-transform:none;} .fpp-term input{width:20px; height:20px; accent-color:#FF9000; flex:0 0 auto;} .fpp-term a{color:#FFD6A0;}
.fpp-datos{display:grid; gap:8px;} .fpp-fila{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px 14px; border-radius:14px; background:#0f0f0f; border:1px solid #222222; text-transform:none;}
.fpp-fila span{display:flex; flex-direction:column; gap:2px; min-width:0;} .fpp-fila small{color:#A3A3A3; font-size:11px;} .fpp-fila b{color:#fff; word-break:break-all; font-size:15px;}
.fpp-cp{flex:0 0 auto; min-height:38px; padding:0 14px; border-radius:99px; border:1px solid #00AFF0; background:transparent; color:#9BDFF8; font-weight:700; font-size:12px; cursor:pointer; font-family:inherit;} .fpp-cp.ok{background:#7DDC8A; color:#0b2412; border-color:#7DDC8A;}
.fpp-up{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-height:120px; border-radius:16px; border:2px dashed #595959; color:#A8A8A8; cursor:pointer; text-align:center; text-transform:none; overflow:hidden;} .fpp-up input{display:none;} .fpp-up small{font-size:12px;} .fpp-up.ya{border-style:solid; border-color:#7DDC8A; padding:0;} .fpp-up img{width:100%; max-height:260px; object-fit:contain; background:#090909;}
@media (prefers-reduced-motion:reduce){.fpp-spin,.fpp-pulso::after,.fpp-chk,.fpp-est{animation:none !important;}}

/* ===== v272 · métodos, espera y confirmación: diseño profesional ===== */
.fpp-m{position:relative; display:flex; align-items:center; gap:13px; min-height:74px; padding:13px 14px; margin-bottom:11px; border-radius:18px; background:linear-gradient(135deg,#151515,#0f0f0f); border:1px solid #222222; box-shadow:0 8px 22px -16px #000;}
.fpp-m.rec{border-color:#FF9000; background:linear-gradient(135deg,#222222,#121212); box-shadow:0 0 0 1px rgba(255,144,0,.45),0 14px 30px -16px #FF9000;}
.fpp-rec{position:absolute; top:-9px; left:14px; padding:2px 10px; border-radius:99px; background:linear-gradient(135deg,#9BDFF8,#00AFF0); color:#101010; font-size:10px; font-weight:800; font-style:normal; letter-spacing:.04em; text-transform:uppercase;}
.fpp-mi{flex:0 0 46px; height:46px; display:grid; place-items:center; border-radius:14px; color:#111; background:linear-gradient(135deg,#FF9000,#C26E00); box-shadow:inset 0 1px 0 rgba(255,255,255,.2);}
.m-pp .fpp-mi{background:linear-gradient(135deg,#1e63d6,#0b3a8f);} .m-bank .fpp-mi{background:linear-gradient(135deg,#2f9e6e,#176244);} .m-cred .fpp-mi{background:linear-gradient(135deg,#00AFF0,#8d6a2f); color:#101010;} .m-bot .fpp-mi{background:linear-gradient(135deg,#2a8fd0,#1b5f8e);}
.fpp-mt{flex:1; min-width:0; display:flex; flex-direction:column; gap:3px;} .fpp-mt b{font-size:15px; color:#fff;} .fpp-mt small{color:#A3A3A3; font-size:12px; line-height:1.3;}
.fpp-mr{flex:0 0 auto; display:flex; flex-direction:column; align-items:flex-end; gap:5px;} .fpp-mr em{font-style:normal; font-weight:800; font-size:14px; color:#9BDFF8;}
.fpp-tag{font-style:normal; font-size:10px; font-weight:800; padding:3px 8px; border-radius:99px; background:rgba(125,220,138,.14); border:1px solid rgba(125,220,138,.4); color:#7DDC8A; text-transform:uppercase; letter-spacing:.03em;}
.m-bank .fpp-tag{background:rgba(0,175,240,.14); border-color:rgba(0,175,240,.45); color:#9BDFF8;}
.fpp-conf{display:flex; flex-wrap:wrap; justify-content:center; gap:8px 16px; margin:16px 0 2px; color:#A3A3A3; font-size:12px; text-transform:none;} .fpp-conf span{display:inline-flex; align-items:center; gap:6px;}
/* pasos */
.fpp-pasos{display:flex; align-items:flex-start; justify-content:center; gap:0; margin:18px 4px 4px; text-transform:none;}
.fpp-paso{display:flex; flex-direction:column; align-items:center; gap:6px; flex:0 0 74px;} .fpp-paso span{width:30px; height:30px; display:grid; place-items:center; border-radius:50%; background:#121212; border:2px solid #2f2f2f; color:#969696; font-weight:800; font-size:13px;} .fpp-paso small{font-size:11px; color:#969696; font-weight:700;}
.fpp-paso.hecho span{background:#7DDC8A; border-color:#7DDC8A; color:#0b2412;} .fpp-paso.hecho small{color:#BDE9C4;}
.fpp-paso.act span{border-color:#00AFF0; color:#9BDFF8; box-shadow:0 0 0 0 rgba(0,175,240,.6); animation:fp272-lat 1.6s ease-out infinite;} .fpp-paso.act small{color:#9BDFF8;}
@keyframes fp272-lat{0%{box-shadow:0 0 0 0 rgba(0,175,240,.55)} 100%{box-shadow:0 0 0 12px rgba(0,175,240,0)}}
.fpp-lin{flex:1; height:2px; margin-top:14px; background:linear-gradient(90deg,#00AFF0 0 50%,#2f2f2f 50% 100%); background-size:200% 100%; animation:fp272-lin 2s linear infinite; min-width:18px;} .fpp-lin.ok{background:#7DDC8A; animation:none;}
@keyframes fp272-lin{from{background-position:100% 0} to{background-position:0 0}}
/* espera */
.fpp-est.esp{background:radial-gradient(120% 90% at 50% 0%,#222222,#0f0f0f 70%); border-color:#595959; padding:30px 18px 24px;}
.fpp-aro{position:relative; width:104px; height:104px; display:grid; place-items:center; margin-bottom:6px;}
.fpp-aro i{position:absolute; inset:0; border-radius:50%; border:2px solid #FF9000; opacity:0; animation:fp270-onda 2.4s ease-out infinite;} .fpp-aro i:nth-child(2){animation-delay:.8s} .fpp-aro i:nth-child(3){animation-delay:1.6s}
.fpp-nucleo{position:relative; width:66px; height:66px; display:grid; place-items:center; border-radius:50%; background:linear-gradient(135deg,#FF9000,#C26E00); color:#111; box-shadow:0 0 34px rgba(255,144,0,.7),inset 0 1px 0 rgba(255,255,255,.25);}
.fpp-rel{display:inline-flex; align-items:center; gap:6px; margin-top:6px; padding:5px 12px; border-radius:99px; background:rgba(0,0,0,.3); border:1px solid #2f2f2f; color:#9BDFF8; font-weight:800; font-size:13px; font-variant-numeric:tabular-nums;}
.fpp-tip{display:flex; gap:9px; align-items:flex-start; margin-top:12px; padding:12px 14px; border-radius:14px; background:#0f0f0f; border:1px dashed #2f2f2f; color:#A3A3A3; font-size:12px; text-transform:none;}
/* éxito */
.fpp-est.ok{padding:26px 18px 22px; background:radial-gradient(120% 90% at 50% 0%,#12351f,#0f1a16 60%,#0e0e0e); border-color:rgba(125,220,138,.55); position:relative; overflow:hidden;}
.fpp-est.ok::after{content:""; position:absolute; top:0; left:-60%; width:35%; height:100%; background:linear-gradient(100deg,transparent,rgba(255,255,255,.1),transparent); transform:skewX(-18deg); animation:fp267-brillo 4.5s ease-in-out infinite;}
.fpp-ch{filter:drop-shadow(0 0 18px rgba(125,220,138,.55));} .fpp-ch .c1{fill:rgba(125,220,138,.12); stroke:#7DDC8A; stroke-width:3; stroke-dasharray:215; stroke-dashoffset:0; animation:fp272-dib .8s .1s ease both;} .fpp-ch .c2{fill:none; stroke:#7DDC8A; stroke-width:5; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:60; stroke-dashoffset:0; animation:fp272-dib .5s .8s ease both;}
@keyframes fp272-dib{from{stroke-dashoffset:215}}
.fpp-est.ok b:first-of-type{font-size:22px;}
.fpp-rec-c{margin-top:14px; padding:6px 14px 10px; border-radius:18px; background:#0f0f0f; border:1px solid #222222; text-transform:none; animation:fp267-sube .5s .15s both;}
.fpp-rec-h{display:flex; align-items:center; gap:7px; padding:10px 0; color:#9BDFF8; font-weight:800; font-size:12px; letter-spacing:.06em; text-transform:uppercase; border-bottom:1px dashed #2f2f2f;}
.fpp-rec-c > div:not(.fpp-rec-h){display:flex; justify-content:space-between; gap:12px; padding:9px 0; color:#A3A3A3; font-size:13px; border-bottom:1px solid rgba(255,255,255,.05);} .fpp-rec-c > div:last-child{border-bottom:0;} .fpp-rec-c b{color:#fff; text-align:right; word-break:break-all;}
.fpp-cbk{display:flex; align-items:center; gap:12px; margin-top:12px; padding:13px 14px; border-radius:16px; background:linear-gradient(135deg,#3b2a12,#1f1608); border:1px solid #00AFF0; color:#9BDFF8; text-transform:none; animation:fp267-sube .5s .25s both;} .fpp-cbk span{display:flex; flex-direction:column; gap:2px;} .fpp-cbk b{color:#fff; font-size:14px;} .fpp-cbk small{color:#D8C79B; font-size:12px;}
.fpp-sig{display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:12px; animation:fp267-sube .5s .35s both;} .fpp-sig > div{display:flex; gap:9px; align-items:flex-start; padding:12px; border-radius:14px; background:#0f0f0f; border:1px solid #222222; color:#FFD6A0; text-transform:none;} .fpp-sig span{display:flex; flex-direction:column; gap:2px;} .fpp-sig b{font-size:12px; color:#fff;} .fpp-sig small{font-size:11px; color:#A3A3A3;}
.fpp-b.oro{background:linear-gradient(135deg,#FFB347,#FF9000); color:#101010; border-color:#FFB347; box-shadow:0 10px 26px -12px #FF9000;}
.fpp-confeti{position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; z-index:20;}
#fpPagar{overflow-x:hidden;}
.fpp-fila.big b{font-size:19px; letter-spacing:.3px; color:#9BDFF8;} .fpp-up-i{width:54px; height:54px; display:grid; place-items:center; border-radius:16px; background:#121212; color:#FFD6A0;}
@media (prefers-reduced-motion:reduce){.fpp-paso.act span,.fpp-lin,.fpp-aro i,.fpp-est.ok::after,.fpp-ch .c1,.fpp-ch .c2{animation:none !important;} .fpp-ch .c1,.fpp-ch .c2{stroke-dashoffset:0;}}
.fpp-m.rec{margin-top:14px;}

/* ===== v273 · marketing en la hoja de pago ===== */
.fpo{position:relative; margin:16px 0 12px; padding:16px 14px 14px; border-radius:20px; text-transform:none; background:linear-gradient(135deg,#2c1d12,#101010 70%); border:1px solid #00AFF0; box-shadow:0 14px 30px -18px #00AFF0; overflow:hidden; animation:fp267-sube .45s both;}
.fpo::after{content:""; position:absolute; top:0; left:-60%; width:35%; height:100%; background:linear-gradient(100deg,transparent,rgba(233,213,164,.14),transparent); transform:skewX(-18deg); animation:fp267-brillo 5s ease-in-out infinite; pointer-events:none;}
.fpo-tag{position:absolute; top:-1px; right:14px; padding:4px 10px; border-radius:0 0 10px 10px; background:linear-gradient(135deg,#9BDFF8,#00AFF0); color:#101010; font-style:normal; font-size:10px; font-weight:800; letter-spacing:.05em; text-transform:uppercase;}
.fpo-h{display:flex; gap:12px; align-items:flex-start; padding-right:6px;} .fpo-h b{display:block; color:#fff; font-size:16px; line-height:1.25; margin-bottom:4px;} .fpo-h small{display:block; color:#D8C79B; font-size:12.5px; line-height:1.45;} .fpo-h small b{display:inline; color:#9BDFF8; font-size:inherit;}
.fpo-i{flex:0 0 42px; height:42px; display:grid; place-items:center; border-radius:13px; background:linear-gradient(135deg,#9BDFF8,#00AFF0); color:#101010;}
.fpo-ah{display:inline-flex; align-items:center; gap:6px; margin:12px 0 0; padding:6px 11px; border-radius:99px; background:rgba(125,220,138,.14); border:1px solid rgba(125,220,138,.45); color:#7DDC8A; font-size:12px; font-weight:800;}
.fpo-b{display:flex; align-items:center; justify-content:center; gap:8px; width:100%; margin-top:13px; padding:13px; border-radius:14px; border:0; cursor:pointer; background:linear-gradient(135deg,#9BDFF8,#00AFF0); color:#101010; font-weight:800; font-size:14px; font-family:inherit; text-transform:none; transition:transform .15s;} .fpo-b:active{transform:scale(.97);}
.fpo-perm{position:relative; display:flex; align-items:center; gap:12px; width:100%; margin:0 0 12px; padding:16px 14px 14px; border-radius:18px; text-align:left; cursor:pointer; text-transform:none; font-family:inherit; background:linear-gradient(135deg,#151515,#0f0f0f); border:1px dashed #7a7a7a; color:#fff; transition:border-color .2s,background .2s,box-shadow .2s;}
.fpo-perm .fpo-i{background:linear-gradient(135deg,#FF9000,#C26E00); color:#111;}
.fpo-pt{flex:1; min-width:0; display:flex; flex-direction:column; gap:3px;} .fpo-pt b{font-size:15px; color:#fff;} .fpo-pt small{font-size:12px; color:#A3A3A3; line-height:1.4;}
.fpo-tag.in{position:static; align-self:flex-start; margin-bottom:3px; padding:2px 8px; border-radius:99px; background:rgba(0,175,240,.16); border:1px solid rgba(0,175,240,.5); color:#9BDFF8; font-size:9.5px;}
.fpo-perm.on{border:1px solid #7DDC8A; border-style:solid; background:linear-gradient(135deg,#12351f,#0f0f0f); box-shadow:0 12px 26px -18px #7DDC8A;} .fpo-perm.on .fpo-i{background:linear-gradient(135deg,#7DDC8A,#2f9e6e); color:#0b2412;} .fpo-perm.on small{color:#BDE9C4;}
.fpo-perm.on .fpp-tg{background:#7DDC8A;} .fpo-perm.on .fpp-tg::after{transform:translateX(18px);}
@media (prefers-reduced-motion:reduce){.fpo,.fpo::after{animation:none !important;}}
.fpp-rec{top:-1px !important; left:auto !important; right:14px; border-radius:0 0 10px 10px !important;}
.fpp-m.rec{margin-top:11px;}

/* ===== v274 · seguridad, Estrellas y promo 2º canal ===== */
.fpp-seg{display:flex; gap:12px; align-items:flex-start; margin:16px 0 4px; padding:14px; border-radius:18px; text-transform:none; background:linear-gradient(135deg,#0f2418,#0f0f0f 80%); border:1px solid rgba(125,220,138,.4);}
.fpp-seg-i{flex:0 0 44px; height:44px; display:grid; place-items:center; border-radius:14px; background:rgba(125,220,138,.14); color:#7DDC8A; border:1px solid rgba(125,220,138,.4);}
.fpp-seg b{display:block; color:#fff; font-size:15px; margin-bottom:3px;} .fpp-seg small{display:block; color:#A9C9B0; font-size:12px; line-height:1.45;}
.fpp-seg-b{display:flex; flex-wrap:wrap; gap:6px; margin-top:9px;} .fpp-seg-b i{display:inline-flex; align-items:center; gap:5px; font-style:normal; font-size:11px; font-weight:800; padding:4px 10px; border-radius:99px; background:rgba(0,0,0,.35); border:1px solid rgba(255,255,255,.16); color:#fff; letter-spacing:.02em;}
.m-st .fpp-mi{background:linear-gradient(135deg,#F7C948,#d98b12); color:#2a1a00;}
.fpp-tag.mas{background:rgba(255,170,60,.14); border-color:rgba(255,170,60,.5); color:#FFB74D;}
.fpp-avs{display:flex; gap:9px; align-items:flex-start; margin:-3px 0 11px; padding:11px 13px; border-radius:14px; background:rgba(255,170,60,.08); border:1px dashed rgba(255,170,60,.5); color:#FFD9A0; font-size:12px; line-height:1.45; text-transform:none;} .fpp-avs b{color:#FFB74D;} .fpp-avs svg{flex:0 0 auto; margin-top:1px;}
.fpp-promo{position:relative; display:flex; gap:12px; align-items:flex-start; margin:14px 0 4px; padding:15px 14px; border-radius:20px; text-transform:none; overflow:hidden; background:linear-gradient(135deg,#2a2a2a,#131313 65%); border:1px solid #FFC67C; box-shadow:0 0 0 1px rgba(255,198,124,.25),0 16px 34px -18px #FF9000; animation:fp267-sube .45s both;}
.fpp-promo::after{content:""; position:absolute; top:0; left:-60%; width:35%; height:100%; background:linear-gradient(100deg,transparent,rgba(255,255,255,.12),transparent); transform:skewX(-18deg); animation:fp267-brillo 4.2s ease-in-out infinite; pointer-events:none;}
.fpp-promo-i{flex:0 0 46px; height:46px; display:grid; place-items:center; border-radius:15px; background:linear-gradient(135deg,#9BDFF8,#00AFF0); color:#101010;}
.fpp-promo-t{display:inline-block; font-style:normal; font-size:10px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; padding:2px 9px; border-radius:99px; background:#FFC67C; color:#101010; margin-bottom:5px;}
.fpp-promo b{display:block; color:#fff; font-size:16px; line-height:1.25; margin-bottom:4px;} .fpp-promo small{display:block; color:#DEDEDE; font-size:12.5px; line-height:1.45;} .fpp-promo small b{display:inline; font-size:inherit; color:#9BDFF8;}
.fpp-cbk.promo{background:linear-gradient(135deg,#2a2a2a,#131313); border-color:#FFC67C; color:#9BDFF8;} .fpp-cbk.promo small{color:#DEDEDE;}
@media (prefers-reduced-motion:reduce){.fpp-promo,.fpp-promo::after{animation:none !important;}}
.fpp-m .fpp-mi{flex:0 0 46px !important; width:46px !important; min-width:46px; height:46px;}
/* v275 · ayuda cuando el pago tarda */
.fpp-tip.on{border-style:solid; border-color:#00AFF0; color:#9BDFF8;}
.fpp-ayuda{margin-top:12px; padding:14px; border-radius:16px; text-transform:none; background:rgba(255,170,60,.08); border:1px dashed rgba(255,170,60,.55); animation:fp267-sube .4s both;} .fpp-ayuda b{display:block; color:#FFB74D; font-size:14px; margin-bottom:4px;} .fpp-ayuda small{display:block; color:#FFD9A0; font-size:12.5px; line-height:1.45; margin-bottom:10px;}
/* v280 · accesos dentro de la mini app para quien nunca abrió el bot */
.fpp-lk{margin:14px 0 6px; padding:14px; border-radius:18px; text-transform:none; background:linear-gradient(160deg,rgba(255,144,0,.22),rgba(0,175,240,.12)); border:1px solid rgba(0,175,240,.5); display:flex; flex-direction:column; gap:8px;} .fpp-lk>b{color:#9BDFF8; font-size:15px; display:flex; align-items:center; gap:6px;} .fpp-lk small{color:#A8A8A8; font-size:12.5px; line-height:1.45;} .fpp-lk .fpp-b{width:100%;}
/* v283 · paso obligatorio: iniciar el bot */
.fpp-nb{margin:6px 0 14px; padding:18px 16px; border-radius:20px; text-transform:none; text-align:center; background:linear-gradient(165deg,rgba(255,144,0,.28),rgba(26,26,26,.7)); border:1px solid rgba(0,175,240,.55); display:flex; flex-direction:column; align-items:center; gap:10px;} .fpp-nb-i{width:52px; height:52px; border-radius:50%; display:grid; place-items:center; background:rgba(0,175,240,.18); color:#00AFF0;} .fpp-nb>b{font-size:17px; color:#F5F5F5;} .fpp-nb small{color:#A8A8A8; font-size:13px; line-height:1.5;} .fpp-nb small b{color:#9BDFF8;} .fpp-nb .fpp-b{width:100%;} .fpp-nb-m{font-style:normal; color:#FFB74D; font-size:12.5px;}

/* ===== v284 · checkout con orden real, resumen del servidor, entrega por canal y biblioteca ===== */
.fpp-sum{margin:12px 0 14px; padding:14px; border-radius:18px; background:linear-gradient(145deg,#151515,#0d0d0d); border:1px solid #222222; text-transform:none;}
.fpp-sum-h{display:flex; align-items:center; gap:7px; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:#00AFF0; font-weight:700; margin-bottom:10px;}
.fpp-sum-p b{display:block; font-size:16px; color:#F5F5F5; text-transform:none;} .fpp-sum-p small{display:block; color:#A3A3A3; font-size:12px; margin-top:2px; text-transform:none;}
.fpp-sum-c{display:flex; flex-wrap:wrap; gap:6px; margin:10px 0 4px;} .fpp-sum-c i{font-style:normal; font-size:11.5px; padding:4px 9px; border-radius:99px; background:rgba(255,144,0,.18); border:1px solid rgba(255,144,0,.4); color:#E6E6E6; text-transform:none;}
.fpp-sum>div:not(.fpp-sum-h):not(.fpp-sum-p):not(.fpp-sum-c):not(.fpp-sum-a){display:flex; justify-content:space-between; align-items:baseline; gap:12px; padding:8px 0; border-top:1px solid rgba(255,255,255,.06); font-size:13.5px; color:#A8A8A8;}
.fpp-sum .d b,.fpp-sum .c b{color:#7DDC8A;} .fpp-sum .l b s{color:#929292;} .fpp-sum .t{border-top:1px solid #00AFF0 !important; margin-top:4px; font-size:15px !important; color:#F5F5F5 !important;} .fpp-sum .t b{font-size:21px; color:#9BDFF8; text-transform:none;}
.fpp-sum span,.fpp-sum b{text-transform:none;}
.fpp-sum-a{display:flex; align-items:center; gap:6px; margin-top:8px; padding:7px 10px; border-radius:10px; background:rgba(0,175,240,.12); color:#9BDFF8; font-size:12px; text-transform:none;} .fpp-sum-a.g{background:rgba(125,220,138,.1); color:#9be6a6;}
.fpp-ord{display:flex; gap:12px; align-items:flex-start; margin:10px 0; padding:13px 14px; border-radius:16px; border:1px solid #222222; background:#101010; text-transform:none; animation:fp284-in .35s both;}
.fpp-ord-i{flex:0 0 38px; height:38px; border-radius:12px; display:grid; place-items:center; background:rgba(255,144,0,.2); color:#A8A8A8;}
.fpp-ord b{display:block; font-size:14.5px; color:#F5F5F5; text-transform:none;} .fpp-ord small{display:block; margin-top:3px; font-size:12.5px; line-height:1.4; color:#A3A3A3; text-transform:none;} .fpp-ord em{display:block; margin-top:5px; font-style:normal; font-size:11px; color:#7c7390; letter-spacing:.04em;}
.fpp-ord.ok{border-color:rgba(125,220,138,.4);} .fpp-ord.ok .fpp-ord-i{background:rgba(125,220,138,.16); color:#7DDC8A;}
.fpp-ord.mal{border-color:rgba(255,120,120,.45);} .fpp-ord.mal .fpp-ord-i{background:rgba(255,120,120,.14); color:#ff8f8f;}
.fpp-ord.rev{border-color:rgba(0,175,240,.5);} .fpp-ord.rev .fpp-ord-i{background:rgba(0,175,240,.16); color:#9BDFF8;}
.fpp-est.off{display:none;}
.fpp-m .fpp-rd{position:absolute; top:12px; right:12px; width:18px; height:18px; border-radius:50%; border:2px solid #525252; background:transparent; transition:all .18s;}
.fpp-m.sel{border-color:#00AFF0 !important; box-shadow:0 0 0 1px rgba(0,175,240,.55),0 12px 28px -16px #00AFF0 !important;}
.fpp-m.sel .fpp-rd{border-color:#00AFF0; background:radial-gradient(circle,#00AFF0 0 45%,transparent 50%);}
.fpp-m .fpp-mr{margin-right:22px;}
.fpp-cta{position:sticky; bottom:0; z-index:5; margin:14px -4px 0; padding:12px 4px calc(12px + env(safe-area-inset-bottom)); background:linear-gradient(180deg,rgba(11,11,11,0),#0b0b0b 28%); text-align:center; text-transform:none;}
.fpp-cta .fpp-b{width:100%; min-height:54px; font-size:16px;} .fpp-cta small{display:flex; justify-content:center; align-items:center; gap:5px; margin-top:7px; font-size:11.5px; color:#929292; text-transform:none;}
.fpp-ent{margin:12px 0; padding:14px; border-radius:18px; background:#0f0f0f; border:1px solid #222222; text-transform:none;}
.fpp-ent-h{display:flex; align-items:center; gap:7px; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:#00AFF0; font-weight:700; margin-bottom:8px;}
.fpp-ent-r{display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:10px 0; border-top:1px solid rgba(255,255,255,.06);} .fpp-ent-t{flex:1 1 150px;} .fpp-ent-t b{display:block; font-size:14px; color:#F5F5F5; text-transform:none;} .fpp-ent-t small{display:block; font-size:12px; color:#A3A3A3; margin-top:2px; text-transform:none;}
.fpp-ent-e,.fv-acc-r em{font-style:normal; font-size:11px; font-weight:700; padding:4px 9px; border-radius:99px; background:rgba(255,255,255,.07); color:#A8A8A8; text-transform:none;}
.fpp-ent-e.ok,.fv-acc-r em.ok,.fv-cmp em.ok{background:rgba(125,220,138,.15); color:#7DDC8A;} .fpp-ent-e.lk,.fv-acc-r em.lk{background:rgba(255,144,0,.25); color:#dbdbdb;} .fpp-ent-e.mal,.fv-acc-r em.mal,.fv-cmp em.mal{background:rgba(255,120,120,.15); color:#ff9a9a;} .fpp-ent-e.pen,.fv-acc-r em.pen,.fv-cmp em.pen{background:rgba(0,175,240,.15); color:#9BDFF8;}
.fpp-ent-a{flex:1 0 100%;} .fpp-ent-a .fpp-b{width:100%;} .fpp-ent-bot{margin-top:10px; padding-top:10px; border-top:1px solid rgba(255,255,255,.06);} .fpp-ent-bot small{display:block; color:#A3A3A3; font-size:12px; margin-bottom:8px; text-transform:none;}
.fv-acc{margin:10px 0 2px; border-top:1px solid rgba(255,255,255,.07);} .fv-acc-r{display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:9px 0; text-transform:none;} .fv-acc-r>span{flex:1 1 140px;} .fv-acc-r b{display:block; font-size:13px; color:#F5F5F5; text-transform:none;} .fv-acc-r small{display:block; font-size:11.5px; color:#A3A3A3; margin-top:2px; text-transform:none;}
.fv-acc-b{border:0; border-radius:12px; padding:9px 13px; min-height:38px; font-weight:700; font-size:12.5px; font-family:inherit; cursor:pointer; background:linear-gradient(135deg,#FF9000,#db7c00); color:#111; display:inline-flex; align-items:center; gap:6px; text-transform:none;} .fv-acc-b.alt{background:#1a1a1a; border:1px solid #525252; color:#E6E6E6;} .fv-acc-b.carg{opacity:.6; pointer-events:none;}
.fv-tg{display:flex; align-items:center; gap:12px; padding:13px 14px; border-radius:16px; border:1px solid #222222; background:#101010; text-transform:none;} .fv-tg>span{flex:1;} .fv-tg b{display:block; font-size:14px; color:#F5F5F5; text-transform:none;} .fv-tg small{display:block; font-size:12px; color:#A3A3A3; margin-top:2px; text-transform:none;} .fv-tg.ok{border-color:rgba(125,220,138,.35);} .fv-tg.ok svg{color:#7DDC8A;} .fv-tg.mal{border-color:rgba(0,175,240,.5);} .fv-tg.mal svg{color:#9BDFF8;}
.fv-cmp{display:flex; align-items:center; gap:11px; padding:11px 0; border-top:1px solid rgba(255,255,255,.06); text-transform:none;} .fv-cmp-i{flex:0 0 32px; height:32px; border-radius:10px; display:grid; place-items:center; background:rgba(0,175,240,.14); color:#9BDFF8;} .fv-cmp-i.ok{background:rgba(125,220,138,.14); color:#7DDC8A;} .fv-cmp-i.mal{background:rgba(255,120,120,.14); color:#ff9a9a;}
.fv-cmp-t{flex:1; min-width:0;} .fv-cmp-t b{display:block; font-size:13.5px; color:#F5F5F5; text-transform:none;} .fv-cmp-t small{display:block; font-size:11.5px; color:#A3A3A3; margin-top:2px; text-transform:none; overflow-wrap:anywhere;} .fv-cmp em{font-style:normal; font-size:11px; font-weight:700; padding:4px 9px; border-radius:99px; text-transform:none; background:rgba(255,255,255,.07); color:#A8A8A8; white-space:nowrap;}
@keyframes fp284-in{from{opacity:0; transform:translateY(8px);}}
@media (prefers-reduced-motion:reduce){.fpp-ord{animation:none;} .fpp-m .fpp-rd{transition:none;}}
.fpp-ord.mal ~ .fpp-tip,.fpp-ord.rev ~ .fpp-tip{display:none;}

/* ===== v285 · compra exitosa: tarjetas de lo desbloqueado ===== */
.fpp-ent-g{margin:14px 0;} .fpp-ent-g .fpp-ent-h{margin-bottom:10px;} .fpp-ent-h small{margin-left:6px; padding:1px 8px; border-radius:99px; background:rgba(0,175,240,.16); color:#9BDFF8; font-size:11px; letter-spacing:0;}
.fpp-un{position:relative; display:flex; gap:0; margin-bottom:12px; border-radius:20px; overflow:hidden; background:linear-gradient(145deg,#151515,#0d0d0d); border:1px solid #222222; box-shadow:0 14px 30px -20px #000; text-transform:none; animation:fp284-in .4s both;}
.fpp-un.modelo{border-color:rgba(0,175,240,.45);} .fpp-un.canal{border-color:rgba(255,144,0,.5);}
.fpp-un-f{flex:0 0 104px; min-height:132px; display:grid; place-items:center; background:#1a1a1a center/cover no-repeat; color:#fff; position:relative;}
.fpp-un-f::after{content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent 40%,#0f0f0f);} .fpp-un-f>*{position:relative; z-index:1;} .fpp-un-f b{font-size:34px; color:#9BDFF8;}
.fpp-un-b{flex:1; min-width:0; padding:13px 14px 14px; display:flex; flex-direction:column; align-items:flex-start; gap:5px;}
.fpp-un-t{font-style:normal; font-size:10px; letter-spacing:.16em; text-transform:uppercase; font-weight:700; color:#00AFF0;} .fpp-un.canal .fpp-un-t{color:#A8A8A8;}
.fpp-un-b>b{font-size:16px; color:#F5F5F5; text-transform:none; overflow-wrap:anywhere;} .fpp-un-b small{font-size:12px; line-height:1.4; color:#A3A3A3; text-transform:none;}
.fpp-un-b .fpp-b{width:100%; min-height:46px; margin-top:6px;}
.fpp-ent-mm{display:flex; align-items:center; gap:12px; width:100%; margin:4px 0 12px; padding:13px 14px; border-radius:16px; border:1px dashed #525252; background:#0f0f0f; color:#E6E6E6; font-family:inherit; text-align:left; cursor:pointer; text-transform:none;} .fpp-ent-mm span{flex:1;} .fpp-ent-mm b{display:block; font-size:14px; color:#F5F5F5; text-transform:none;} .fpp-ent-mm small{display:block; font-size:12px; color:#A3A3A3; text-transform:none;}
@media (min-width:700px){.fpp-ent-g{display:grid; grid-template-columns:1fr 1fr; gap:12px;} .fpp-ent-g .fpp-ent-h{grid-column:1/-1; margin-bottom:0;} .fpp-un{margin:0;}}

/* ===== v285 · Zona VIP como biblioteca ===== */
.fv-tabs{overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch; scroll-snap-type:x proximity;} .fv-tabs::-webkit-scrollbar{display:none;}
.fv-tabs button{flex:0 0 auto; padding:0 15px; scroll-snap-align:start; white-space:nowrap; transition:background .2s,border-color .2s,transform .15s;} .fv-tabs button:active{transform:scale(.96);}
.fv-cn{display:grid; gap:12px; margin-top:10px; animation:fp284-in .3s both;} .fv-cn .fpp-un{margin:0;} .fv-chips{display:flex; flex-wrap:wrap; gap:6px;}
.fv-sk{height:132px; border-radius:20px; background:linear-gradient(100deg,#151515 30%,#1c1c1c 50%,#151515 70%); background-size:200% 100%; animation:fp285-sk 1.2s linear infinite;}
a.fpp-b{display:flex; align-items:center; justify-content:center; gap:7px; text-decoration:none;}
@keyframes fp285-sk{to{background-position:-200% 0;}}
@media (min-width:700px){.fv-cn{grid-template-columns:1fr 1fr;}}
@media (prefers-reduced-motion:reduce){.fv-sk,.fv-cn{animation:none;}}

/* ===== v285 · billetera: filtros, paquetes y explicación ===== */
.fpr-p{display:flex !important; flex-direction:column; gap:7px !important;} .fpr-p>b{font-size:15px;}
.fpr-row{display:flex; justify-content:space-between; align-items:baseline; gap:10px; padding-top:7px; border-top:1px solid rgba(255,255,255,.07);} .fpr-row small{color:#A3A3A3; font-size:12px; text-transform:none;}
.fpr-row .fpr-st{font-weight:800; color:#9BDFF8;} .fpr-row.rec .fpr-cr{grid-row:auto !important; grid-column:auto !important; font-size:24px; color:#F5F5F5;}
.fpr-bono{align-self:flex-start; display:inline-flex; align-items:center; gap:5px; padding:3px 9px; border-radius:99px; background:rgba(125,220,138,.14); color:#9be6a6; font-size:11.5px; font-weight:700; text-transform:none;}
.bw-fil{overflow-x:auto; scrollbar-width:none; flex-wrap:nowrap !important;} .bw-fil::-webkit-scrollbar{display:none;} .bw-fil button{flex:0 0 auto; white-space:nowrap;}
.bw-fec{margin-top:8px; align-items:center;} .bw-fec>span{display:flex; align-items:center; gap:5px; flex:0 0 auto; color:#929292; font-size:12px; text-transform:none;}
.bw-how{margin:12px 0; border-radius:16px; background:#101010; border:1px solid #222222; text-transform:none; overflow:hidden;} .bw-how summary{list-style:none; display:flex; align-items:center; gap:8px; padding:13px 14px; font-weight:700; color:#9BDFF8; cursor:pointer; min-height:48px;} .bw-how summary::-webkit-details-marker{display:none;}
.bw-how-p{display:flex; gap:12px; padding:10px 14px; border-top:1px solid rgba(255,255,255,.06);} .bw-how-p i{flex:0 0 26px; height:26px; border-radius:50%; display:grid; place-items:center; font-style:normal; font-weight:800; font-size:13px; background:rgba(255,144,0,.25); color:#dbdbdb;} .bw-how-p b{display:block; font-size:13.5px; color:#F5F5F5; text-transform:none;} .bw-how-p small{display:block; margin-top:2px; font-size:12px; line-height:1.4; color:#A3A3A3; text-transform:none;}

/* ===== v286 · efectos estelares y dorados + hoja de pago organizada ===== */
#fpPagar::before,#fpVip::before,#fpVipCat::before,#fpBilletera::before{content:""; position:fixed; inset:0; pointer-events:none; z-index:0; opacity:.9;
  background-image:radial-gradient(1.6px 1.6px at 12% 18%,#9BDFF8,transparent),radial-gradient(1.2px 1.2px at 78% 12%,#fff,transparent),radial-gradient(1.8px 1.8px at 88% 42%,#00AFF0,transparent),radial-gradient(1.2px 1.2px at 24% 58%,#A8A8A8,transparent),radial-gradient(1.5px 1.5px at 62% 74%,#9BDFF8,transparent),radial-gradient(1.2px 1.2px at 8% 86%,#fff,transparent),radial-gradient(1.4px 1.4px at 46% 30%,#00AFF0,transparent),radial-gradient(1px 1px at 94% 90%,#fff,transparent),radial-gradient(1.4px 1.4px at 36% 8%,#A8A8A8,transparent),radial-gradient(1px 1px at 70% 52%,#9BDFF8,transparent);
  animation:fp286-twinkle 4.5s ease-in-out infinite alternate;}
#fpPagar::after,#fpVip::after,#fpVipCat::after{content:""; position:fixed; left:50%; top:-120px; width:520px; height:360px; transform:translateX(-50%); pointer-events:none; z-index:0; background:radial-gradient(closest-side,rgba(255,144,0,.30),transparent 70%);}
#fpPagar .fpn-hoja-cuerpo,#fpVip .fpn-hoja-cuerpo,#fpVipCat .fpn-hoja-cuerpo,#fpBilletera .fpn-hoja-cuerpo{position:relative; z-index:1;} .fpn-hoja-top{z-index:3;}
@keyframes fp286-twinkle{from{opacity:.35;} to{opacity:1;}}
.fpp-step{display:flex; align-items:center; gap:10px; margin:20px 0 10px; text-transform:none;} .fpp-step i{flex:0 0 28px; height:28px; border-radius:50%; display:grid; place-items:center; font-style:normal; font-weight:800; font-size:13px; color:#101010; background:linear-gradient(135deg,#F3E2B3,#00AFF0); box-shadow:0 0 14px -2px rgba(0,175,240,.7);} .fpp-step b{font-size:17px; color:#F5F5F5; letter-spacing:-.01em; text-transform:none;}
.fpp-step::after{content:""; flex:1; height:1px; background:linear-gradient(90deg,rgba(0,175,240,.5),transparent);}
.fpp-mas{margin:14px 0 4px; border-radius:18px; border:1px solid rgba(0,175,240,.35); background:linear-gradient(145deg,rgba(0,175,240,.08),rgba(255,144,0,.08)); overflow:hidden; text-transform:none;} .fpp-mas summary{list-style:none; display:flex; align-items:center; gap:12px; padding:14px; min-height:60px; cursor:pointer; color:#9BDFF8;} .fpp-mas summary::-webkit-details-marker{display:none;} .fpp-mas summary>span{flex:1;} .fpp-mas summary b{display:block; font-size:14.5px; color:#F5F5F5; text-transform:none;} .fpp-mas summary small{display:block; font-size:12px; color:#A3A3A3; text-transform:none;} .fpp-mas summary svg:last-child{transition:transform .25s;} .fpp-mas[open] summary svg:last-child{transform:rotate(90deg);}
.fpp-mas-c{padding:0 12px 12px; animation:fp284-in .3s both;}
.fpp-conf{justify-content:center; gap:14px; flex-wrap:wrap; margin-top:12px;} .fpp-conf span{font-size:11.5px; color:#929292;}
.fpp-cta .fpp-b.oro,.fpp-b.pri.oro{position:relative; overflow:hidden;} .fpp-cta .fpp-b.oro::after,.fpp-b.pri.oro::after{content:""; position:absolute; top:0; left:-70%; width:45%; height:100%; background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent); transform:skewX(-20deg); animation:fp286-brillo 3.8s ease-in-out infinite;}
@keyframes fp286-brillo{0%,55%{left:-70%;} 100%{left:130%;}}
.fpp-m.sel{background:linear-gradient(135deg,#262626,#141414) !important;} .fpp-sum{border-color:rgba(0,175,240,.35); box-shadow:0 0 0 1px rgba(0,175,240,.08),0 20px 40px -26px #FF9000;} .fpp-sum .t b{background:linear-gradient(135deg,#F3E2B3,#00AFF0); -webkit-background-clip:text; background-clip:text; color:transparent;}
.fpp-un.modelo,.fv-sub{box-shadow:0 0 0 1px rgba(0,175,240,.25),0 16px 34px -22px #00AFF0;}
.fpp-est.ok{box-shadow:0 0 60px -22px rgba(0,175,240,.6);}
/* Zona VIP · vista de categoría */
.fvc-hero{position:relative; overflow:hidden; margin:6px 0 14px; border-radius:22px; border:1px solid rgba(0,175,240,.45); min-height:170px; display:flex; align-items:flex-end; background:#0f0f0f; text-transform:none; box-shadow:0 0 0 1px rgba(0,175,240,.1),0 24px 50px -28px var(--c,#FF9000);}
.fvc-bg{position:absolute; inset:0; background:#1a1a1a center/cover no-repeat; opacity:.55;} .fvc-hero::before{content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg,rgba(11,11,11,.15),#0b0b0b 92%),radial-gradient(1.6px 1.6px at 15% 25%,#9BDFF8,transparent),radial-gradient(1.2px 1.2px at 80% 20%,#fff,transparent),radial-gradient(1.5px 1.5px at 60% 60%,#00AFF0,transparent),radial-gradient(1.2px 1.2px at 30% 70%,#fff,transparent); animation:fp286-twinkle 3.5s ease-in-out infinite alternate;}
.fvc-ht{position:relative; z-index:2; padding:16px; display:flex; flex-direction:column; align-items:flex-start; gap:5px;} .fvc-ht i{font-style:normal; display:inline-flex; align-items:center; gap:6px; font-size:10.5px; letter-spacing:.16em; text-transform:uppercase; font-weight:700; color:#9BDFF8;} .fvc-ht h2{margin:0; font-size:30px; letter-spacing:-.02em; background:linear-gradient(135deg,#fff,#9BDFF8 70%); -webkit-background-clip:text; background-clip:text; color:transparent; text-transform:none;} .fvc-ht small{color:#A8A8A8; font-size:12.5px; text-transform:none;}
#fpVipCat .fpp-x{position:relative; margin:0 0 6px;}
.fv-head{position:relative; border-color:rgba(0,175,240,.35) !important; box-shadow:0 0 40px -20px rgba(255,144,0,.9);}
@media (prefers-reduced-motion:reduce){#fpPagar::before,#fpVip::before,#fpVipCat::before,#fpBilletera::before,.fvc-hero::before,.fpp-cta .fpp-b.oro::after,.fpp-b.pri.oro::after{animation:none;}}
.fvc-x{display:inline-flex; align-items:center; gap:7px; min-height:44px; padding:0 14px; border-radius:99px; border:1px solid #525252; background:rgba(16,16,16,.8); color:#E6E6E6; font-weight:700; font-size:13.5px; font-family:inherit; cursor:pointer; text-transform:none;}

/* v287 — promos visibles en el pago + zona VIP premium */
.fpp-up{position:relative; margin:14px 0 6px; padding:14px 12px 10px; border-radius:22px; text-transform:none; background:linear-gradient(160deg,rgba(0,175,240,.16),rgba(255,144,0,.14) 60%,rgba(11,11,11,.4)); border:1px solid rgba(0,175,240,.55); box-shadow:0 16px 36px -22px #00AFF0, inset 0 1px 0 rgba(255,255,255,.08); overflow:hidden;}
.fpp-up::before{content:""; position:absolute; top:-40px; right:-30px; width:140px; height:140px; background:radial-gradient(circle,rgba(233,213,164,.28),transparent 65%); pointer-events:none;}
.fpp-up-h{display:flex; align-items:center; gap:9px; margin:0 2px 10px; position:relative;} .fpp-up-h>span{display:grid; place-items:center; width:30px; height:30px; border-radius:10px; background:linear-gradient(135deg,#9BDFF8,#00AFF0); color:#101010;} .fpp-up-h b{flex:1; color:#CFEFFC; font-size:15px; letter-spacing:.01em;} .fpp-up-h em{font-style:normal; min-width:24px; text-align:center; padding:2px 8px; border-radius:99px; background:#00AFF0; color:#101010; font-size:12px; font-weight:800;}
.fpp-up-r>*{margin:0 0 10px !important; width:auto;}
.fpp-up-r>*:last-child{margin-bottom:0;} .fpp-up-d{text-align:center; color:#A8A8A8; font-size:11.5px; padding-top:2px;}
.fv-head{position:relative; overflow:hidden; border:1px solid rgba(0,175,240,.6) !important; background:radial-gradient(120% 140% at 0% 0%,rgba(0,175,240,.22),transparent 55%),linear-gradient(145deg,#1f1f1f,#0f0f0f 75%) !important; box-shadow:0 22px 44px -26px #00AFF0, inset 0 1px 0 rgba(255,255,255,.1);}
.fv-head::after{content:""; position:absolute; top:0; left:-60%; width:35%; height:100%; background:linear-gradient(100deg,transparent,rgba(233,213,164,.16),transparent); transform:skewX(-18deg); animation:fp267-brillo 6s ease-in-out infinite; pointer-events:none;}
.fv-av{background:linear-gradient(135deg,#9BDFF8,#00AFF0) !important; color:#101010 !important; box-shadow:0 0 0 3px rgba(0,175,240,.3),0 0 22px rgba(233,213,164,.45);}
.fv-niv{background:linear-gradient(135deg,#9BDFF8,#00AFF0) !important; color:#101010 !important; font-weight:800; box-shadow:0 6px 16px -8px #00AFF0;}
.fv-prog{height:6px; margin:12px 0 4px; border-radius:99px; background:rgba(255,255,255,.1); overflow:hidden;} .fv-prog i{display:block; height:100%; border-radius:99px; background:linear-gradient(90deg,#FF9000,#00AFF0,#9BDFF8); box-shadow:0 0 12px rgba(233,213,164,.6);} .fv-progt{display:block; color:#D8C79B; font-size:11.5px; text-transform:none;}
.fv-stats>div{background:rgba(0,0,0,.28) !important; border:1px solid rgba(0,175,240,.28) !important; border-radius:14px;} .fv-stats b{color:#CFEFFC !important;}
.fv-sub{border:1px solid rgba(0,175,240,.5) !important; box-shadow:0 18px 36px -26px var(--c,#00AFF0), inset 0 1px 0 rgba(255,255,255,.07);}
.fv-tabs button.on{background:linear-gradient(135deg,#9BDFF8,#00AFF0) !important; color:#101010 !important; border-color:#9BDFF8 !important; box-shadow:0 8px 22px -10px #00AFF0 !important;} .fv-tabs button.on b{background:rgba(16,16,16,.18);}
.fpx-h b{background:linear-gradient(90deg,#CFEFFC,#00AFF0); -webkit-background-clip:text; background-clip:text; color:transparent;}
@media (prefers-reduced-motion:reduce){.fv-head::after{animation:none;}}
.fv-head{flex-wrap:wrap !important; row-gap:2px;} .fv-head .fv-hi{flex:1 1 130px; min-width:0;} .fv-head .fv-niv{flex:0 0 auto; align-self:center;} .fv-head .fv-prog,.fv-head .fv-progt{flex:0 0 100%; width:100%;} .fv-head .fv-progt{text-align:left;}
/* v287 — ya lo tienes en el inicio */
.tg-bm-ya{position:absolute; top:8px; left:8px; z-index:3; display:inline-flex; align-items:center; gap:4px; padding:4px 9px; border-radius:99px; font-style:normal; font-size:10px; font-weight:800; letter-spacing:.05em; background:linear-gradient(135deg,#9BDFF8,#00AFF0); color:#101010; box-shadow:0 6px 14px -6px #00AFF0;} .tg-bm-ya .ic{width:11px; height:11px;}
.tg-bm.abierto{border-color:rgba(0,175,240,.7) !important; box-shadow:0 12px 26px -16px #00AFF0;}
.tg-tile.mio{border-color:#00AFF0 !important; box-shadow:0 0 0 1px rgba(0,175,240,.4),0 12px 26px -16px #00AFF0;} .tg-tile.mio em{color:#9BDFF8; font-weight:800;}
.tg-bm-ya{top:46% !important; left:50% !important; transform:translate(-50%,-50%); padding:6px 12px; font-size:11px; white-space:nowrap; box-shadow:0 8px 20px -6px rgba(0,0,0,.6),0 0 18px rgba(233,213,164,.5);}

/* v313 — pago incrustado (Stripe) dentro de la hoja de pago */
.fpp-emb-w{margin:6px 0 10px;border-radius:18px;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 34px -18px rgba(0,0,0,.7)}
.fpp-emb{min-height:340px}
.fpp-emb-c{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:340px;color:#555}
.fpp-emb-c .fpp-spin{border-color:rgba(0,0,0,.12);border-top-color:#FF9000}

/* v291 — carruseles: sin rebote al soltar (el snap ya no te regresa al lado) y sin arrastrar la página al deslizar */
.fpx-fila,.tg-rail,.mz-rail,.tg-pf-gal,.ficha-slider,.clients-carousel,#testimonialsGrid,.fv-tabs{overscroll-behavior-x:contain; scroll-behavior:auto; touch-action:pan-x pan-y;}

/* v291 — Zona VIP pro: revisión automática, recién subido */
.fv-salud{border-radius:18px; padding:14px; border:1px solid rgba(110,231,160,.35); background:linear-gradient(160deg,rgba(110,231,160,.10),rgba(20,20,20,.6));}
.fv-salud.rev{border-color:rgba(255,144,0,.55); background:linear-gradient(160deg,rgba(255,144,0,.12),rgba(20,20,20,.6));}
.fv-salud-h{display:flex; gap:12px; align-items:center; margin-bottom:2px;}
.fv-salud-h>span{width:38px; height:38px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:rgba(110,231,160,.16); color:#6EE7A0; flex:none;}
.fv-salud.rev .fv-salud-h>span{background:rgba(255,144,0,.18); color:#FFB347;}
.fv-salud-h b{display:block; font-size:15px;} .fv-salud-h small{font-size:12px; color:var(--tg-dim,#A8A8A8);}
.fv-salud-i{display:flex; gap:10px; align-items:center; justify-content:space-between; padding:10px 0; border-top:1px solid rgba(255,255,255,.08); margin-top:10px;}
.fv-salud-i b{display:block; font-size:13.5px;} .fv-salud-i small{display:block; font-size:12px; color:var(--tg-dim,#A8A8A8); margin-top:1px;}
.fv-salud-i .fv-acc-b{flex:none; white-space:nowrap; text-decoration:none;}
.fv-salud-f{display:flex; gap:8px; margin-top:10px; flex-wrap:wrap;}
.fv-salud-f button,.fv-salud-f a{display:inline-flex; align-items:center; gap:6px; padding:8px 12px; border-radius:99px; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.05); color:#F5F5F5; font-weight:600; font-size:12.5px; line-height:1; font-family:inherit; text-transform:none; text-decoration:none; cursor:pointer;}
.fv-nv-fila{display:flex; gap:10px; overflow-x:auto; padding:2px 2px 8px; scrollbar-width:none; scroll-snap-type:x proximity; overscroll-behavior-x:contain;}
.fv-nv-fila::-webkit-scrollbar{display:none;}
.fv-nv{flex:0 0 112px; scroll-snap-align:start; border:0; background:none; padding:0; text-align:left; color:#F5F5F5; font-family:inherit; cursor:pointer;}
.fv-nv-f{position:relative; display:flex; align-items:center; justify-content:center; width:112px; height:148px; border-radius:14px; background:#1e1e1e center/cover no-repeat; overflow:hidden; border:1px solid rgba(255,255,255,.1);}
.fv-nv-f i{position:absolute; top:6px; left:6px; font-style:normal; font-size:10.5px; font-weight:800; padding:3px 7px; border-radius:99px; background:linear-gradient(135deg,#FFB347,#FF9000); color:#101010;}
.fv-nv b{display:block; margin-top:6px; font-size:12.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .fv-nv small{font-size:11px; color:var(--tg-dim,#A8A8A8);}
.fv-lnk{background:none; border:0; padding:0; color:#FFB347; font-weight:600; font-size:12px; font-family:inherit; cursor:pointer;}

/* v306 — tarjetas aceptadas (texto, no logos) y descuento por transferencia */
.fpp-chips{display:flex; flex-wrap:wrap; gap:5px; margin-top:6px;}
.fpp-chips i,.fpp-chips u{font-style:normal; text-decoration:none; font-size:10px; font-weight:700; letter-spacing:.02em; line-height:1; padding:4px 7px; border-radius:6px; border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.05); color:#D6D6D6;}
.fpp-chips u{border-style:dashed; color:#A3A3A3; background:transparent;}
.fpp-old{font-size:11px; color:#8c8c8c; text-decoration:line-through; font-style:normal; font-weight:600;}
.fpp-tag.off{background:rgba(125,220,138,.18); border-color:rgba(125,220,138,.55); color:#9BEFA6;}
.fpp-nota.fpp-off{color:#9BEFA6; font-weight:700;}
.fpp-m .fpp-chips{flex:0 0 auto; flex-direction:row; flex-wrap:wrap; gap:5px; align-items:center;}
.fpp-m .fpp-chips i,.fpp-m .fpp-chips u{display:inline-block; width:auto; flex:0 0 auto;}