/* app.css */
:root{
 --bg:#09070f;--panel:#120d1d;--panel2:#191126;--text:#f8f5ff;--muted:#a9a1b8;
 --purple:#a63cff;--green:#5cff9b;--line:#2c203e;--danger:#ff6178;--radius:22px;
 --shadow:0 18px 60px rgba(0,0,0,.35);--container:min(1180px,calc(100% - 36px));
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 10% 0,#28103f 0,transparent 32%),radial-gradient(circle at 100% 0,#073c2d 0,transparent 28%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}
button,input,select,textarea{font:inherit}button,a{transition:.18s ease}a{color:inherit;text-decoration:none}.container{width:var(--container);margin:auto}
.site-header{position:sticky;top:0;z-index:30;background:rgba(9,7,15,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}
.nav-wrap{min-height:78px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;background:none;border:0;color:white;padding:0;cursor:pointer}.brand img,.admin-brand img{width:48px;height:48px;object-fit:cover;border-radius:13px;box-shadow:0 0 30px rgba(166,60,255,.28)}.brand span{font-weight:900;font-size:1.15rem;letter-spacing:.04em}.main-nav{display:flex;gap:24px;margin-left:auto}.main-nav a{color:var(--muted);font-weight:700;font-size:.93rem}.main-nav a:hover{color:white}
.order-button{border:1px solid #44325d;background:#171021;color:white;border-radius:16px;padding:9px 14px;display:grid;grid-template-columns:auto auto;gap:0 9px;text-align:left;cursor:pointer}.order-button strong{background:var(--green);color:#05120a;border-radius:999px;min-width:23px;height:23px;display:grid;place-items:center;font-size:.78rem}.order-button small{grid-column:1/-1;color:var(--muted)}
.hero{padding:88px 0 64px}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.eyebrow{font-size:.72rem;letter-spacing:.18em;font-weight:900;color:var(--green)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(2.8rem,6vw,5.6rem);line-height:.95;letter-spacing:-.055em;max-width:850px;margin:15px 0 24px}.hero p{font-size:1.12rem;color:#c9c1d5;max-width:680px}.hero-actions{display:flex;gap:12px;margin:30px 0}.btn{border-radius:14px;padding:13px 18px;border:1px solid transparent;font-weight:850;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn.primary{background:linear-gradient(135deg,var(--green),#aaff5c);color:#08110c;box-shadow:0 10px 30px rgba(92,255,155,.15)}.btn.primary:hover{transform:translateY(-2px)}.btn.ghost{background:#151020;border-color:#392850;color:white}.btn.link{background:transparent;color:#c9b8dd;padding-inline:8px}.btn:disabled{opacity:.42;cursor:not-allowed;transform:none}.btn.wide{width:100%}.btn.big{padding:17px 20px;font-size:1.02rem}.trust-row{display:flex;gap:20px;flex-wrap:wrap;color:#938aa2;font-size:.9rem}.trust-row span:before{content:"✓";color:var(--green);margin-right:7px}.hero-card{min-height:420px;border:1px solid #3a2851;background:linear-gradient(145deg,rgba(166,60,255,.13),rgba(92,255,155,.08));border-radius:38px;padding:38px;display:grid;place-items:center;text-align:center;box-shadow:var(--shadow)}.hero-card img{width:min(320px,80%);border-radius:28px;box-shadow:0 0 70px rgba(166,60,255,.25)}.hero-card strong{display:block;font-size:1.6rem;margin-top:24px}.hero-card span{color:var(--muted)}
.catalog-section,.steps-section,.faq-section{padding:70px 0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}.section-head h2{font-size:clamp(2rem,4vw,3.2rem);margin:6px 0 0;letter-spacing:-.04em}.catalog-tools{display:flex;gap:12px}.catalog-tools label{display:grid;gap:6px;color:var(--muted);font-size:.76rem;font-weight:800}.catalog-tools input,.catalog-tools select{background:#130e1c;color:white;border:1px solid #352743;border-radius:13px;padding:12px 14px;min-width:210px}.chips{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:28px}.chip{background:#130e1c;color:#b9afc7;border:1px solid #332641;border-radius:999px;padding:9px 14px;cursor:pointer;font-weight:750}.chip.active,.chip:hover{color:#09110c;border-color:var(--green);background:var(--green)}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{background:linear-gradient(180deg,#151020,#0f0b17);border:1px solid #2c2138;border-radius:24px;overflow:hidden;box-shadow:0 12px 34px rgba(0,0,0,.16)}.product-card:hover{transform:translateY(-4px);border-color:#51346c}.product-media{height:190px;background:#0b0810;position:relative;overflow:hidden}.product-media>img{width:100%;height:100%;object-fit:cover}.product-placeholder{height:100%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle,#3b1a54 0,#161020 62%);gap:4px}.product-placeholder span{font-size:4.6rem;font-weight:1000;color:#d6a6ff;line-height:1}.product-placeholder small{color:#9583a8;text-transform:uppercase;letter-spacing:.14em}.badge,.stock-pill{position:absolute;top:12px;border-radius:999px;padding:6px 9px;font-size:.7rem;font-weight:900}.badge{left:12px;background:#a63cff;color:white}.stock-pill{right:12px;background:#123220;color:#8dffb7}.stock-pill.out{background:#3a1720;color:#ff99a7}.product-body{padding:18px}.product-meta{color:#8f849d;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.product-body h3{font-size:1.12rem;margin:7px 0}.service-type{color:#ccb4e4;font-weight:700;font-size:.88rem;margin-bottom:8px}.description{color:#91879e;font-size:.87rem;min-height:42px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-footer{display:flex;justify-content:space-between;align-items:center;margin:17px 0}.price{font-size:1.35rem;font-weight:950}.qty-control{display:flex;align-items:center;border:1px solid #34263f;border-radius:12px;overflow:hidden}.qty-control button{border:0;background:#1b1325;color:white;width:32px;height:34px;cursor:pointer}.qty-input{width:36px;text-align:center;border:0;background:#0f0b16;color:white;appearance:textfield}.qty-input::-webkit-inner-spin-button{appearance:none}.product-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.empty-state{padding:50px;text-align:center;color:var(--muted)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.steps>div,.faq-grid details{background:#120d1b;border:1px solid #2b2037;border-radius:22px;padding:25px}.steps b{color:var(--green);font-size:.8rem}.steps h3{margin:12px 0 8px}.steps p,.faq-grid p{color:var(--muted);margin-bottom:0}.faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.faq-grid summary{font-weight:850;cursor:pointer}.faq-grid p{margin-top:12px}
footer{border-top:1px solid #22192d;padding:30px 0;color:#7f7689}.footer-wrap{display:flex;justify-content:space-between}
.cart-drawer{position:fixed;right:0;top:0;height:100%;width:min(470px,94vw);background:#0d0913;border-left:1px solid #342346;z-index:60;transform:translateX(105%);transition:.3s ease;display:flex;flex-direction:column;box-shadow:-30px 0 70px rgba(0,0,0,.45)}.cart-drawer.open{transform:none}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:55;opacity:0;pointer-events:none;transition:.2s}.drawer-backdrop.show{opacity:1;pointer-events:auto}.cart-head{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #271c33}.cart-head h2{margin:3px 0 0}.icon-btn{background:#1a1224;color:white;border:1px solid #352540;width:40px;height:40px;border-radius:12px;font-size:1.5rem}.cart-items{padding:16px 20px;overflow:auto;flex:1}.cart-empty{padding:50px 20px;text-align:center;color:#807687}.cart-item{display:grid;grid-template-columns:58px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid #22192c}.cart-item img,.cart-mini-placeholder{width:58px;height:58px;border-radius:14px;object-fit:cover;background:#28173c;display:grid;place-items:center;font-weight:950}.cart-item-main{display:grid;gap:4px}.cart-item-main span{color:#a89db4;font-size:.85rem}.cart-controls{display:flex;align-items:center;gap:8px;margin-top:4px}.cart-controls button{background:#1d1428;color:white;border:1px solid #342542;border-radius:8px;min-width:28px;height:28px}.cart-controls .remove{margin-left:auto;border:0;background:transparent;color:#ff788a}.cart-bottom{border-top:1px solid #281d35;padding:20px}.cart-total-row{display:flex;justify-content:space-between;font-size:1.05rem}.cart-total-row strong{font-size:1.35rem}.cart-note{font-size:.8rem;color:#8c8198;margin:12px 0 16px}.cart-bottom .btn+ .btn{margin-top:8px}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,25px);opacity:0;z-index:80;background:#f6f3fb;color:#100b17;border-radius:999px;padding:11px 18px;font-weight:850;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.fly-item{position:fixed!important;left:0;top:0;width:120px;height:90px;z-index:100!important;pointer-events:none!important;border-radius:20px;overflow:hidden;transform-origin:top left}
.auth-page,.setup-page{min-height:100vh;display:grid;place-items:center;padding:32px}.auth-card{width:min(470px,100%);background:#100b18;border:1px solid #342447;border-radius:30px;padding:34px;box-shadow:var(--shadow);text-align:center}.auth-logo{width:96px;height:96px;object-fit:cover;border-radius:24px}.auth-card h1{font-size:2.2rem;margin:8px 0}.auth-card p{color:var(--muted)}.stack-form{display:grid;gap:14px;text-align:left;margin-top:25px}.stack-form label,.admin-form label,.setup-form label{display:grid;gap:7px;color:#c9bfd6;font-weight:750;font-size:.88rem}.stack-form input,.admin-form input,.admin-form textarea,.setup-form input{width:100%;background:#09070e;color:white;border:1px solid #39284b;border-radius:13px;padding:13px 14px;outline:none}.stack-form input:focus,.admin-form input:focus,.admin-form textarea:focus,.setup-form input:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(166,60,255,.13)}.back-link{display:inline-block;margin-top:20px;color:#90859e}.alert{border:1px solid #50405f;background:#1d1625;border-radius:13px;padding:11px 14px;margin:15px 0;text-align:left}.alert.error{border-color:#65303b;color:#ffacb7;background:#271118}.alert.success{border-color:#245638;color:#9cffbd;background:#0e2116}
.admin-page{background:#0a0810}.admin-header{position:sticky;top:0;z-index:30;background:#100b18;border-bottom:1px solid #2d2139}.admin-nav{display:flex;align-items:center;min-height:72px;gap:30px}.admin-brand{display:flex;align-items:center;gap:10px;font-weight:900}.admin-brand img{width:42px;height:42px}.admin-nav nav{margin-left:auto;display:flex;align-items:center;gap:12px}.admin-nav nav>a,.nav-logout{color:#a99fb5;background:none;border:0;padding:8px;cursor:pointer;font-weight:700}.admin-nav nav .active,.admin-nav nav>a:hover,.nav-logout:hover{color:white}.inline-form{display:inline}.admin-main{padding:44px 0 70px}.admin-main.narrow{max-width:900px}.admin-title{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:26px}.admin-title h1{font-size:2.6rem;margin:4px 0}.admin-title p{color:var(--muted);margin:0}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.stat-grid>div{background:#130e1b;border:1px solid #2b2036;border-radius:18px;padding:18px}.stat-grid span{display:block;color:#8f849c;font-size:.8rem}.stat-grid strong{font-size:1.8rem}.admin-filters{display:grid;grid-template-columns:1fr 180px auto;gap:10px;margin-bottom:18px}.admin-filters input,.admin-filters select{background:#120d19;border:1px solid #342641;color:white;border-radius:13px;padding:12px 14px}.admin-table-wrap{overflow:auto;background:#100c17;border:1px solid #2a2034;border-radius:20px}.admin-table{width:100%;border-collapse:collapse;min-width:860px}.admin-table th,.admin-table td{text-align:left;padding:14px 16px;border-bottom:1px solid #241a2e;vertical-align:middle}.admin-table th{font-size:.75rem;color:#857a91;text-transform:uppercase;letter-spacing:.08em}.table-product{display:flex;align-items:center;gap:11px}.table-product img,.mini-placeholder{width:48px;height:48px;object-fit:cover;border-radius:11px;background:#26173a;display:grid;place-items:center;font-weight:900}.table-product span{display:block;color:#8d8399;font-size:.78rem}.quick-stock{display:flex;align-items:center;gap:8px}.quick-stock form{margin:0}.quick-stock button{width:30px;height:30px;border-radius:8px;background:#1d1428;color:white;border:1px solid #39294a}.status{display:inline-block;padding:5px 8px;border-radius:999px;font-size:.72rem;font-weight:850;margin:2px}.status.on{background:#12311f;color:#82f3aa}.status.off{background:#30171e;color:#ff98a6}.status.featured{background:#302044;color:#dcaeff}.row-actions{display:flex;flex-wrap:wrap;gap:8px}.row-actions a,.row-actions button{background:none;border:0;color:#bba7d2;cursor:pointer;padding:0;font-weight:700}.row-actions .danger-link{color:#ff788b}.admin-form{display:grid;gap:18px}.admin-form section{background:#110d18;border:1px solid #2d2138;border-radius:20px;padding:24px}.admin-form section h2{margin-bottom:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .full{grid-column:1/-1}.form-grid .check{display:flex;grid-column:auto;align-items:center;gap:10px;flex-direction:row}.form-grid .check input{width:auto}.admin-form textarea{resize:vertical}
.setup-shell{width:min(720px,calc(100% - 30px));margin:auto}.setup-shell.wide{width:min(1020px,calc(100% - 30px));padding:40px 0}.setup-brand{display:flex;align-items:center;gap:24px;margin-bottom:28px}.setup-brand img{width:112px;height:112px;object-fit:cover;border-radius:24px}.setup-brand h1{font-size:3rem;margin:3px 0}.setup-brand p{color:var(--muted);margin:0}.setup-card{position:relative;background:#110c19;border:1px solid #342542;border-radius:24px;padding:26px;margin-bottom:18px}.setup-card .step{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#26153e;color:var(--green);font-weight:900;margin-bottom:10px}.setup-card>p{color:var(--muted)}
@media(max-width:1000px){.product-grid{grid-template-columns:repeat(3,1fr)}.hero-grid{grid-template-columns:1fr 340px;gap:36px}}
@media(max-width:780px){.main-nav{display:none}.nav-wrap{gap:10px}.brand span{display:none}.order-button{margin-left:auto}.hero{padding-top:55px}.hero-grid{grid-template-columns:1fr}.hero-card{min-height:300px}.product-grid{grid-template-columns:repeat(2,1fr)}.catalog-tools{width:100%}.section-head{align-items:start;flex-direction:column}.catalog-tools label{flex:1}.catalog-tools input,.catalog-tools select{min-width:0;width:100%}.steps,.faq-grid{grid-template-columns:1fr}.admin-nav nav a:nth-of-type(2),.admin-nav nav a:nth-of-type(3){display:none}.stat-grid{grid-template-columns:1fr 1fr}.admin-filters{grid-template-columns:1fr 130px}.admin-filters .btn{grid-column:1/-1}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.footer-wrap{gap:8px;flex-direction:column}}
@media(max-width:520px){.container{width:min(100% - 22px,1180px)}.hero h1{font-size:3rem}.hero-actions{display:grid}.product-grid{grid-template-columns:1fr}.product-media{height:220px}.catalog-tools{display:grid;width:100%}.brand img{width:42px;height:42px}.order-button span{font-size:.85rem}.admin-title{align-items:start;flex-direction:column}.stat-grid{grid-template-columns:1fr 1fr}.setup-brand{align-items:flex-start}.setup-brand img{width:80px;height:80px}.setup-brand h1{font-size:2.1rem}}

/* ===== SERVIDIS + · pagos y WhatsApp flotante ===== */
.payments-section{padding:72px 0;background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,0));border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}
.payment-head{align-items:center}.payment-head p{margin:8px 0 0;color:var(--muted);max-width:650px}.payment-security-note{display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid #284936;background:#0d1b14;border-radius:16px;min-width:245px}.payment-security-note>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#07120b;font-weight:950}.payment-security-note strong,.payment-security-note small{display:block}.payment-security-note small{color:#91aa9b;margin-top:2px}
.payment-public-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.payment-public-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;width:100%;padding:18px;background:linear-gradient(145deg,#15101e,#0f0b17);border:1px solid #31233d;border-radius:20px;color:var(--text);text-align:left;cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.12);position:relative;overflow:hidden}.payment-public-card::before{content:"";position:absolute;inset:0;opacity:0;transition:.25s;background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.09),transparent 44%)}.payment-public-card:hover{transform:translateY(-4px);border-color:#5b3b73;box-shadow:0 20px 45px rgba(0,0,0,.24)}.payment-public-card:hover::before{opacity:1}.payment-public-card.yape:hover{border-color:#8d48ff}.payment-public-card.binance:hover{border-color:#f3ba2f}.payment-public-card.paypal:hover{border-color:#56a9ff}.payment-card-copy{display:grid;gap:3px;min-width:0}.payment-card-copy strong{font-size:1.05rem}.payment-card-copy small{color:#978ba5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.payment-card-arrow{font-size:2rem;color:#6f637c;line-height:1}.payment-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;font-weight:1000;font-size:1.25rem;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}.payment-mark.yape{background:linear-gradient(145deg,#6f28cf,#a04cff);color:white}.payment-mark.binance{background:#f3ba2f;color:#191200}.payment-mark.paypal{background:linear-gradient(145deg,#16336b,#147bd1);color:white}
.cart-payment-choice{border:0;margin:16px 0 0;padding:0}.cart-payment-choice legend{font-size:.78rem;color:#91869d;text-transform:uppercase;letter-spacing:.07em;font-weight:900;margin-bottom:8px}.cart-payment-choice label{display:inline-flex;align-items:center;gap:7px;margin:0 6px 7px 0;padding:7px 10px;border:1px solid #352640;background:#15101d;border-radius:999px;color:#bdb2c8;font-size:.8rem;cursor:pointer}.cart-payment-choice label:has(input:checked){border-color:var(--green);color:#baffd0;background:#102019}.cart-payment-choice input{accent-color:var(--green)}
.payment-modal-backdrop{position:fixed;inset:0;z-index:120;background:rgba(3,2,7,.78);backdrop-filter:blur(10px);display:grid;place-items:center;padding:18px;opacity:0;transition:opacity .18s ease}.payment-modal-backdrop.show{opacity:1}.payment-modal{width:min(660px,100%);max-height:min(760px,calc(100vh - 36px));overflow:auto;background:linear-gradient(180deg,#15101e,#0b0810);border:1px solid #3d2a4e;border-radius:26px;box-shadow:0 30px 90px rgba(0,0,0,.6);transform:translateY(16px) scale(.985);transition:transform .22s cubic-bezier(.2,.8,.2,1)}.payment-modal-backdrop.show .payment-modal{transform:none}.payment-modal-header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;background:rgba(17,12,25,.95);backdrop-filter:blur(14px);border-bottom:1px solid #2c2037}.payment-modal-header h2{margin:4px 0 0}.payment-modal-body{padding:20px 24px}.payment-detail-hero{display:flex;align-items:center;gap:14px;padding:15px;border:1px solid #33243f;background:#100c17;border-radius:18px;margin-bottom:14px}.payment-detail-hero strong,.payment-detail-hero small{display:block}.payment-detail-hero small{color:#91869e;margin-top:2px}.payment-accordion{border:1px solid #30233a;border-radius:16px;background:#100c16;margin:10px 0;overflow:hidden}.payment-accordion summary{cursor:pointer;padding:16px 18px;font-weight:850;list-style:none;display:flex;align-items:center;justify-content:space-between}.payment-accordion summary::-webkit-details-marker{display:none}.payment-accordion summary::after{content:"+";font-size:1.25rem;color:#7f718d}.payment-accordion[open] summary::after{content:"−"}.payment-accordion-body{padding:0 18px 18px;color:#a79cad}.payment-accordion-body dl{margin:0}.payment-accordion-body dl>div{display:grid;grid-template-columns:140px 1fr;gap:14px;padding:10px 0;border-top:1px solid #241a2e}.payment-accordion-body dt{color:#776c84;font-size:.8rem}.payment-accordion-body dd{margin:0;color:#f3edf9;font-weight:760;word-break:break-word}.payment-qr-box{text-align:center}.payment-qr-box img{display:block;width:min(300px,100%);aspect-ratio:1;object-fit:contain;margin:10px auto 0;background:white;padding:10px;border-radius:18px}.payment-modal-footer{display:flex;justify-content:flex-end;padding:0 24px 24px}.btn.small{padding:9px 12px;font-size:.82rem}.modal-open{overflow:hidden}
.whatsapp-float{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(22px,calc(env(safe-area-inset-bottom) + 18px));z-index:45;display:flex;align-items:center;gap:12px;color:white;filter:drop-shadow(0 14px 28px rgba(0,0,0,.36));animation:waFloat 4.8s ease-in-out infinite}.wa-icon{position:relative;z-index:2;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#2de06f,#18b957);box-shadow:0 0 0 1px rgba(255,255,255,.18),0 10px 30px rgba(23,192,87,.28)}.wa-icon svg{width:31px;height:31px;fill:white}.wa-pulse{position:absolute;right:0;width:62px;height:62px;border-radius:50%;background:rgba(37,211,102,.26);animation:waPulse 2.4s ease-out infinite}.wa-bubble{display:grid;gap:1px;background:#f7f4fa;color:#110c17;padding:10px 14px;border-radius:15px;box-shadow:0 12px 30px rgba(0,0,0,.28);transform-origin:right center;transition:.2s}.wa-bubble::after{content:"";position:absolute;right:54px;border:7px solid transparent;border-left-color:#f7f4fa}.wa-bubble strong{font-size:.86rem}.wa-bubble small{font-size:.72rem;color:#63596d}.whatsapp-float:hover{transform:translateY(-3px)}.whatsapp-float:hover .wa-icon{box-shadow:0 0 0 7px rgba(37,211,102,.12),0 14px 36px rgba(23,192,87,.36)}
@keyframes waPulse{0%{transform:scale(.9);opacity:.75}70%,100%{transform:scale(1.55);opacity:0}}@keyframes waFloat{0%,100%{translate:0 0}50%{translate:0 -6px}}
.form-section-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:18px}.form-section-heading h2{margin:4px 0 0!important}.form-section-heading p{color:var(--muted);margin:6px 0 0}.payment-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.payment-admin-card{display:grid;align-content:start;gap:13px;padding:18px;border-radius:18px;border:1px solid #31243c;background:#0d0a12}.payment-admin-card.yape{box-shadow:inset 0 2px 0 #803be8}.payment-admin-card.binance{box-shadow:inset 0 2px 0 #f3ba2f}.payment-admin-card.paypal{box-shadow:inset 0 2px 0 #1676c5}.payment-admin-title{display:flex;align-items:center;gap:12px}.payment-admin-title h3{margin:0}.switch-row{display:flex!important;flex-direction:row!important;align-items:center;gap:7px!important;color:#9d91aa!important;font-size:.78rem!important;margin-top:3px}.switch-row input{width:auto!important}.payment-qr-preview{display:grid;gap:9px;padding-top:6px}.payment-qr-preview img{width:100%;max-height:220px;object-fit:contain;background:white;padding:8px;border-radius:14px}.admin-form label small{color:#776d82;font-weight:500}.admin-form input[type=file]{padding:9px}.admin-form input[type=file]::file-selector-button{border:0;border-radius:9px;padding:8px 10px;margin-right:10px;background:#2b1b3d;color:#d9c8ea;font-weight:750;cursor:pointer}
@media(max-width:900px){.payment-public-grid{grid-template-columns:1fr 1fr}.payment-admin-grid{grid-template-columns:1fr}.payment-admin-card{padding:17px}}
@media(max-width:620px){.payments-section{padding:55px 0}.payment-public-grid{grid-template-columns:1fr}.payment-security-note{width:100%}.payment-modal-backdrop{padding:10px}.payment-modal{max-height:calc(100vh - 20px);border-radius:20px}.payment-modal-header,.payment-modal-body{padding-left:17px;padding-right:17px}.payment-modal-footer{padding:0 17px 17px}.payment-accordion-body dl>div{grid-template-columns:1fr;gap:3px}.wa-bubble{display:none}.whatsapp-float{right:14px;bottom:max(14px,calc(env(safe-area-inset-bottom) + 12px))}.wa-icon,.wa-pulse{width:56px;height:56px}.wa-icon svg{width:28px;height:28px}.cart-drawer{width:100vw}.cart-bottom{padding-bottom:max(20px,calc(env(safe-area-inset-bottom) + 14px))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.whatsapp-float,.wa-pulse{animation:none!important}.payment-modal,.payment-modal-backdrop,.payment-public-card{transition:none!important}.fly-item{display:none!important}}
.payment-modal-backdrop[hidden]{display:none}.form-grid .check.full{grid-column:1/-1}.whatsapp-float{flex-direction:row-reverse}.wa-icon{transition:.22s ease}.wa-bubble{position:relative}.wa-bubble::after{right:-13px;top:50%;transform:translateY(-50%)}

/* ===== V9 diseño reforzado: hero, pagos y WhatsApp ===== */
.hero{padding:94px 0 54px}
.pro-hero-card{min-height:auto;padding:26px;border:1px solid rgba(255,255,255,.1);background:
  radial-gradient(circle at top right,rgba(92,255,155,.14),transparent 28%),
  radial-gradient(circle at bottom left,rgba(166,60,255,.18),transparent 36%),
  linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));
  display:grid;gap:18px;align-content:start;text-align:left}
.hero-card-top{display:flex;align-items:center;gap:16px}
.hero-card-top img{width:88px;height:88px;border-radius:24px;object-fit:cover;box-shadow:0 0 38px rgba(166,60,255,.25)}
.hero-card-top strong{display:block;font-size:1.55rem;margin:0 0 4px}
.hero-card-top span{color:#c4bacf}
.hero-card-panel{display:grid;gap:10px}
.hero-panel-item{display:flex;justify-content:space-between;gap:18px;padding:13px 15px;background:rgba(9,7,15,.38);border:1px solid rgba(255,255,255,.07);border-radius:16px}
.hero-panel-item b{font-size:.9rem}
.hero-panel-item span{color:#aaa0b7;text-align:right;font-size:.9rem}
.hero-payments-preview{padding:16px;background:rgba(8,9,14,.56);border:1px solid rgba(255,255,255,.06);border-radius:18px}
.hero-payments-preview small{display:block;color:#9f92af;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}
.payment-logo-row{display:flex;gap:10px;flex-wrap:wrap}
.payment-logo-row.compact{gap:8px}
.payment-logo-pill{display:inline-flex;align-items:center;gap:10px;padding:9px 12px;border-radius:999px;background:#120d1a;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.payment-logo-pill em{font-style:normal;font-weight:800;color:#f0ebf8;font-size:.86rem}
.payment-logo-pill.yape{border-color:rgba(160,76,255,.38)}
.payment-logo-pill.binance{border-color:rgba(243,186,47,.45)}
.payment-logo-pill.paypal{border-color:rgba(47,145,255,.35)}
.service-highlights{padding:0 0 18px}
.service-highlights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.highlight-card{display:flex;gap:16px;align-items:flex-start;padding:20px;border:1px solid rgba(255,255,255,.06);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));box-shadow:0 12px 30px rgba(0,0,0,.08)}
.highlight-card span{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#15111d;font-size:1.3rem;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.highlight-card strong{display:block;font-size:1rem;margin-bottom:5px}
.highlight-card p{margin:0;color:#a397b4;font-size:.92rem}

.payments-layout{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:20px;align-items:start}
.payments-intro-card{position:sticky;top:102px;padding:24px;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:
  radial-gradient(circle at top left,rgba(166,60,255,.16),transparent 35%),
  linear-gradient(180deg,#120d1b,#0c0912);box-shadow:0 20px 50px rgba(0,0,0,.16)}
.payments-intro-card h2{font-size:2.2rem;margin:10px 0 12px;letter-spacing:-.04em}
.payments-intro-card p{color:#b7adc2}
.payment-mini-checks{display:grid;gap:10px;margin-top:18px}
.payment-mini-checks span{color:#a99eb6;font-size:.92rem;padding-left:20px;position:relative}
.payment-mini-checks span::before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:900}
.payment-public-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.payment-public-card{padding:22px 20px;grid-template-columns:auto 1fr auto;grid-template-areas:'mark copy state' 'mark copy arrow';gap:8px 14px;min-height:150px;align-content:center}
.payment-public-card .payment-mark{grid-area:mark;width:56px;height:56px;border-radius:17px}
.payment-card-copy{grid-area:copy;align-self:center}
.payment-card-copy strong{font-size:1.1rem;margin-bottom:4px}
.payment-card-copy small{font-size:.9rem;white-space:normal;line-height:1.4}
.payment-card-state{grid-area:state;justify-self:end;align-self:start;padding:6px 10px;border-radius:999px;background:#191325;border:1px solid rgba(255,255,255,.08);color:#9ef3bc;font-size:.74rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.payment-card-arrow{grid-area:arrow;justify-self:end;align-self:end;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.05);font-size:1.4rem;color:#ddd5e9}
.payment-public-card::after{content:'';position:absolute;inset:auto 18px 18px 18px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent)}

.payment-modal{border-radius:30px;background:
 radial-gradient(circle at top right,rgba(166,60,255,.16),transparent 30%),
 linear-gradient(180deg,#171124,#0c0811)}
.payment-modal-header{padding:24px 26px;background:linear-gradient(180deg,rgba(15,12,22,.95),rgba(15,12,22,.88))}
.payment-modal-body{padding:22px 26px}
.payment-detail-hero{padding:18px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));border-radius:20px}
.payment-detail-hero .payment-mark{width:58px;height:58px;border-radius:18px;font-size:1.35rem}
.payment-accordion{border-color:rgba(255,255,255,.08);background:rgba(7,5,12,.42)}
.payment-accordion summary{font-size:1rem}
.payment-accordion-body{color:#b8adca}
.payment-accordion-body p{margin:0}
.payment-accordion-body dd{font-size:.98rem}
.payment-modal-footer{padding:0 26px 26px}
.payment-modal-footer .btn.primary{min-width:160px}

.whatsapp-float{gap:14px;right:max(18px,env(safe-area-inset-right));bottom:max(20px,calc(env(safe-area-inset-bottom) + 16px));animation:none}
.whatsapp-float::before{content:'';position:absolute;inset:auto 0 0 auto;width:74px;height:74px;border-radius:50%;background:radial-gradient(circle,rgba(45,224,111,.25),transparent 68%);z-index:0;animation:waHalo 3s ease-in-out infinite}
.wa-pulse{background:rgba(45,224,111,.18)}
.wa-icon{width:64px;height:64px;border-radius:19px;background:linear-gradient(145deg,#30de72,#12b34f);box-shadow:0 18px 40px rgba(18,179,79,.3),inset 0 1px 0 rgba(255,255,255,.34)}
.wa-bubble{padding:12px 15px 12px 16px;border-radius:18px;background:linear-gradient(180deg,#faf8ff,#efe9f7);min-width:212px}
.wa-bubble strong{font-size:.9rem}
.wa-bubble small{font-size:.75rem}
.whatsapp-float:hover .wa-bubble{transform:translateY(-2px)}
@keyframes waHalo{0%,100%{transform:scale(.92);opacity:.7}50%{transform:scale(1.08);opacity:1}}

.admin-main.narrow{width:min(1280px,calc(100% - 36px))}
.payment-admin-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.payment-admin-card{padding:20px;border-radius:22px;background:linear-gradient(180deg,#120d1b,#0c0912);border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 34px rgba(0,0,0,.12)}
.payment-admin-title{align-items:flex-start}
.payment-admin-title .payment-mark{width:52px;height:52px;border-radius:16px}
.payment-admin-card textarea,.payment-admin-card input{background:#0b0810}
.payment-qr-preview img{border-radius:18px;border:1px solid rgba(255,255,255,.08)}

@media (max-width:1040px){
  .hero-grid{grid-template-columns:1fr;gap:28px}
  .service-highlights-grid,.product-grid,.faq-grid{grid-template-columns:repeat(2,1fr)}
  .payments-layout{grid-template-columns:1fr}
  .payments-intro-card{position:static}
}
@media (max-width:780px){
  .service-highlights-grid,.faq-grid,.steps{grid-template-columns:1fr}
  .payment-public-grid{grid-template-columns:1fr}
  .payment-public-card{min-height:130px}
  .payment-admin-grid{grid-template-columns:1fr}
}
@media (max-width:620px){
  .hero{padding-top:72px}
  .hero-card-top{align-items:flex-start}
  .hero-card-top img{width:76px;height:76px}
  .hero-panel-item{flex-direction:column;gap:6px}
  .hero-panel-item span{text-align:left}
  .payment-logo-pill em{font-size:.8rem}
  .highlight-card{padding:18px}
  .payments-intro-card{padding:20px;border-radius:24px}
  .payments-intro-card h2{font-size:1.8rem}
  .payment-public-card{padding:18px}
  .payment-card-state{justify-self:start}
  .payment-card-arrow{display:none}
  .wa-bubble{display:grid;min-width:auto;max-width:190px}
}
@media (max-width:520px){
  .service-highlights{padding-bottom:8px}
  .highlight-card{gap:12px}
  .whatsapp-float{gap:10px;right:12px;bottom:max(12px,calc(env(safe-area-inset-bottom) + 12px))}
  .wa-bubble{display:none}
  .wa-icon,.wa-pulse{width:58px;height:58px}
  .wa-icon{border-radius:18px}
}

/* v10.css */
/* SERVIDIS + / V10 — presentación profesional, sin cambios de base de datos */
:root{
  --bg:#08090f;--panel:#11121e;--panel2:#191a2a;--text:#f8f9ff;
  --muted:#a4a5bb;--purple:#aa69fa;--green:#7dfcc0;--line:#2b2d42;
  --radius:22px;--container:min(1240px,calc(100% - 48px));
}
html{scroll-padding-top:92px}
body{background:
  radial-gradient(ellipse 42% 38% at 12% 6%,rgba(119,56,203,.16),transparent 80%),
  radial-gradient(ellipse 33% 27% at 90% 12%,rgba(20,145,107,.11),transparent 80%),
  #08090f;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:-.007em}
::selection{background:#5d3b80;color:white}
:focus-visible{outline:2px solid #a6ffcc;outline-offset:3px}
button,input,select,textarea{min-height:40px}
button{touch-action:manipulation}
a,button{transition:background .22s ease,border-color .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease}
.site-header{border-bottom:1px solid rgba(255,255,255,.085);background:rgba(8,9,16,.92);box-shadow:0 10px 40px rgba(0,0,0,.22)}
.nav-wrap{min-height:82px}
.brand{gap:13px}.brand img{width:52px;height:52px;box-shadow:0 0 0 1px rgba(255,255,255,.09),0 10px 28px rgba(119,40,215,.2)}
.brand span{font-weight:900;font-size:1.12rem;letter-spacing:.025em}.main-nav{gap:27px}
.main-nav a{font-size:.91rem;color:#aaa9b9;font-weight:650}
.main-nav a:hover{color:#f8f8ff}
.order-button{border:1px solid rgba(156,235,189,.27);background:linear-gradient(135deg,rgba(82,205,133,.1),rgba(130,86,214,.09));border-radius:14px;min-width:128px;padding:10px 14px}
.order-button:hover{border-color:#73eaae;background:rgba(88,235,163,.12)}
.order-button strong{background:#82ffc0;color:#0c211b}
.order-button small{color:#b2b6c9}
.hero{padding:92px 0 64px}
.hero-grid{grid-template-columns:minmax(0,1.07fr) minmax(360px,.93fr);gap:64px;align-items:center}
.hero-kicker{display:inline-flex;align-items:center;gap:10px;color:#b6fbd1;background:rgba(68,202,125,.08);border:1px solid rgba(107,231,147,.19);border-radius:999px;padding:8px 13px;font-size:.73rem;font-weight:850;letter-spacing:.095em}
.hero-kicker-dot{width:7px;height:7px;border-radius:50%;background:#7cfabc;box-shadow:0 0 15px #7cfabc}
.hero h1{font-size:clamp(3rem,5.35vw,5.3rem);line-height:1.055;letter-spacing:-.066em;max-width:800px;margin:24px 0 22px;text-wrap:balance}
.hero p{font-size:1.12rem;line-height:1.85;color:#b5b4c8;max-width:590px}
.hero-actions{margin:30px 0 27px}
.btn{font-size:.92rem;min-height:46px;padding:13px 20px;border-radius:13px;gap:10px}
.btn.primary{background:linear-gradient(125deg,#8fffbc,#bbfdb5);color:#0b211b;box-shadow:0 10px 24px rgba(60,225,133,.1)}
.btn.primary:hover:not(:disabled){box-shadow:0 15px 35px rgba(60,225,133,.22);transform:translateY(-2px)}
.btn.ghost{background:#171825;border-color:#313348;color:#e9e8f4}
.btn.ghost:hover{border-color:#7e718e;background:#202134}
.btn.link{color:#d9caed;font-weight:750}
.btn.link:hover{color:#baffd1}
.trust-row{gap:16px 24px;color:#9d9eaf;font-size:.88rem}
.trust-row span:before{color:#9efab8}
.hero-card.pro-hero-card{padding:27px;min-height:0;background:
 radial-gradient(ellipse 100% 60% at 50% 0,rgba(117,67,203,.23),transparent 74%),
 linear-gradient(160deg,#171325,#0d111c 78%);border:1px solid #353246;border-radius:30px;box-shadow:0 26px 100px rgba(0,0,0,.34)}
.hero-card-top img{width:98px;height:98px;border-radius:23px}
.hero-card-top strong{font-size:1.7rem;letter-spacing:-.035em}
.hero-card-panel{gap:8px}
.hero-panel-item{padding:13px 16px;border-color:#2c3040;background:rgba(5,9,17,.5)}
.hero-panel-item b{font-weight:750;color:#f3f3fc}
.hero-panel-item span{color:#aaaabd}
.hero-payments-preview{background:rgba(9,13,21,.5);border-color:#2d3242}
.payment-logo-pill{border-color:#414158;background:#151623}
.payment-logo-pill em{color:#f1f3fa}
.payment-mark{border-radius:12px}
.payment-logo-pill .payment-mark{width:25px;height:25px;border-radius:8px;font-size:.78rem}
.service-highlights{padding:0 0 35px}
.highlight-card{background:linear-gradient(145deg,#141522,#10121d);border-color:#282b3e;border-radius:18px;box-shadow:none}
.highlight-card span{flex-shrink:0}
.highlight-card strong{font-weight:780}
.highlight-card p{color:#a6a8bb;line-height:1.65}
.catalog-section{padding:70px 0 90px;position:relative}
.catalog-section:before{content:'';position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#394354,transparent)}
.section-head h2{line-height:1.15;letter-spacing:-.055em}
.section-head .eyebrow{letter-spacing:.14em}
.catalog-tools input,.catalog-tools select{background:#151723;border:1px solid #343649;border-radius:12px;min-width:192px;min-height:48px}
.catalog-tools input:focus,.catalog-tools select:focus{outline:none;border-color:#8be6b5;box-shadow:0 0 0 3px rgba(116,235,171,.12)}
.chips{margin-bottom:30px;gap:10px}
.chip{background:#151724;color:#b4b5c6;border-color:#303247;font-weight:700;padding:10px 16px}
.chip.active,.chip:hover{background:#99f7c2;border-color:#99f7c2;color:#0c251b}
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.product-card{background:linear-gradient(180deg,#171826,#10111d);border:1px solid #292c42;border-radius:23px;box-shadow:0 10px 22px rgba(0,0,0,.13);display:flex;flex-direction:column;min-width:0;transition:transform .25s,border-color .25s,box-shadow .25s}
.product-card:hover{transform:translateY(-5px);border-color:#62527d;box-shadow:0 25px 45px rgba(0,0,0,.22)}
.product-media{height:196px;background:#111220}
.product-media>img{transition:transform .38s;object-fit:contain;padding:14px}
.product-card:hover .product-media>img{transform:scale(1.035)}
.product-placeholder{background:
 radial-gradient(circle at 50% 25%,rgba(153,78,235,.3),transparent 55%),
 linear-gradient(145deg,#252039,#141627)}
.product-card:nth-of-type(3n+2) .product-placeholder{background:radial-gradient(circle at 45% 25%,rgba(52,163,132,.25),transparent 55%),linear-gradient(145deg,#172e31,#141725)}
.product-card:nth-of-type(3n+3) .product-placeholder{background:radial-gradient(circle at 40% 25%,rgba(69,107,224,.26),transparent 55%),linear-gradient(145deg,#1e2443,#131627)}
.product-placeholder span{color:#e2c6ff;font-size:4.9rem;text-shadow:0 9px 27px rgba(149,93,207,.22)}
.product-placeholder small{color:#c2b7d8;font-weight:750}
.badge{background:#a869f4;top:13px;left:13px}
.stock-pill{top:13px;right:13px;background:#17372c;color:#aafbd1}
.product-body{padding:20px;display:flex;flex-direction:column;flex:1}
.product-meta{color:#b2a6d0;font-size:.72rem}
.product-body h3{font-size:1.13rem;line-height:1.35;letter-spacing:-.025em;min-height:2.7em;margin:9px 0 8px}
.service-type{font-size:.83rem;color:#d6c3f7}
.description{color:#9fa2b5;min-height:3.1em;font-size:.84rem;line-height:1.55}
.product-footer{margin-top:auto;padding-top:14px;gap:8px}
.price{font-size:1.48rem;font-weight:850;white-space:nowrap}
.qty-control{border-radius:10px;border-color:#3a3d52}
.qty-control button{width:29px;background:#232537}
.qty-input{width:28px;background:#151724}
.product-actions{grid-template-columns:1fr;gap:4px;margin-top:5px}
.product-actions .btn.primary{min-height:46px}
.product-actions .btn.link{min-height:39px;font-size:.84rem}
.product-card[hidden]{display:none!important}
.steps-section{padding:70px 0 84px;background:rgba(14,16,27,.62)}
.steps>div{border-color:#303246;background:#171825;border-radius:20px}
.steps b{color:#98f4be}
.steps p{line-height:1.65}
.payments-section{background:linear-gradient(175deg,#0e101b,#0d0e19);padding:85px 0}
.payments-intro-card{background:linear-gradient(150deg,#1b172a,#101422);border-color:#353347}
.payments-intro-card p{color:#aaaec0;line-height:1.75}
.payment-public-card{background:linear-gradient(150deg,#1c1a2c,#121520);border-color:#343348}
.payment-public-card:hover{border-color:#8270a3}
.payment-card-copy small{color:#a8adbe}
.payment-card-state{color:#baf9d2;background:#1a332a;border-color:#2c5644}
.payment-security-note{background:#14241e;border-color:#325d47}
.payment-mini-checks span{color:#b1b4c6}
.faq-section{padding:84px 0}.faq-grid details{background:#151724;border:1px solid #313349}
.faq-grid details[open]{border-color:#67578a}.faq-grid summary{color:#e8e6f3}
.faq-grid details p{color:#aaaabc;line-height:1.75}
.footer-wrap{align-items:center}
.cart-drawer{background:#10121e;border-color:#303249}
.cart-head{background:#171827;border-color:#2d3044}
.cart-items{background:#10111c}.cart-bottom{background:#171827}
.cart-payment-choice label{background:#212338}
.cart-payment-choice label:has(input:checked){background:#153529;border-color:#6edba5}
.whatsapp-float{z-index:50}.wa-bubble{box-shadow:0 20px 40px rgba(0,0,0,.22)}

/* Panel del administrador: sidebar + contenido útil */
.admin-page{background:#0c0e17}
.admin-app{min-height:100vh;display:grid;grid-template-columns:254px minmax(0,1fr)}
.admin-sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;z-index:40;display:flex;flex-direction:column;background:linear-gradient(180deg,#141322,#10121b);border-right:1px solid #2a2c40;padding:28px 16px 20px}
.sidebar-brand{display:flex;align-items:center;gap:12px;padding:2px 12px 26px;border-bottom:1px solid #2c2c40;margin-bottom:24px;min-width:0}
.sidebar-mark{width:43px;height:43px;flex:0 0 43px;border-radius:12px;overflow:hidden;background:#25213a}
.sidebar-brand img{width:100%;height:100%;object-fit:cover}
.sidebar-brand strong{display:block;white-space:nowrap;font-size:1.06rem;font-weight:900;letter-spacing:-.03em}
.sidebar-brand em{font-style:normal;color:#a6f3c2}
.sidebar-brand small{display:block;margin-top:4px;color:#7f879e;font-size:.6rem;letter-spacing:.18em;font-weight:900}
.sidebar-group-label{padding:10px 14px 11px;color:#737c94;font-weight:850;letter-spacing:.13em;font-size:.66rem}
.sidebar-menu{display:grid;gap:5px;margin-bottom:17px}
.sidebar-menu a{display:flex;align-items:center;gap:12px;border-radius:12px;color:#a7acbe;font-size:.88rem;font-weight:720;min-height:45px;padding:10px 14px}
.sidebar-menu a:hover{background:#202238;color:white}
.sidebar-menu a.active{color:#b9ffdb;background:linear-gradient(95deg,rgba(74,186,120,.15),rgba(112,64,211,.09));box-shadow:inset 3px 0 0 #80eeb6}
.sidebar-nav-icon{width:23px;flex:0 0 23px;font-size:1.2rem;text-align:center;color:#b2abd8}
.sidebar-menu a.active .sidebar-nav-icon{color:#aaffcd}
.sidebar-bottom{margin-top:auto;padding:16px 4px 0;border-top:1px solid #303044;display:grid;gap:10px}
.sidebar-store{display:flex;align-items:center;gap:12px;background:#1d2032;border:1px solid #31364b;padding:12px 11px;border-radius:14px}
.sidebar-store>span:first-child{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:#264436;color:#a4f5c8;font-size:1.1rem}
.sidebar-store strong,.sidebar-store small{display:block}.sidebar-store strong{font-size:.85rem}.sidebar-store small{font-size:.7rem;color:#929bb0}
.sidebar-logout{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;color:#8f97ae;border:0;padding:12px 13px;cursor:pointer;font-size:.85rem;font-weight:750}
.sidebar-logout:hover{color:#f5f4fb}
.admin-workspace{min-width:0;min-height:100vh;background:
 radial-gradient(circle at 84% 0,rgba(58,74,145,.12),transparent 28%),#0c0e17}
.admin-topbar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 clamp(20px,4vw,55px);border-bottom:1px solid #282c3e;background:rgba(16,17,28,.77)}
.admin-topbar-copy{display:grid;gap:3px}.admin-topbar-kicker{font-size:.62rem;letter-spacing:.18em;font-weight:850;color:#8894ad}
.admin-topbar-copy strong{font-size:.94rem;font-weight:850}
.admin-topbar-right{display:flex;align-items:center;gap:22px}
.admin-topbar-status{display:flex;align-items:center;gap:7px;color:#a0a8ba;font-size:.78rem}
.admin-topbar-status i{width:7px;height:7px;border-radius:50%;background:#7cf6b0;box-shadow:0 0 12px #7cf6b0}
.admin-topbar-right a{color:#e4e9f2;font-size:.83rem;font-weight:780}
.admin-topbar-right a span{color:#89e9b5}
.admin-main,.admin-main.narrow{width:min(1280px,calc(100% - 70px));max-width:1280px;margin:0 auto;padding:44px 0 70px}
.admin-title{margin-bottom:28px;align-items:center}
.admin-title h1{font-size:clamp(2rem,3.2vw,3.15rem);font-weight:900;letter-spacing:-.055em;line-height:1.12;margin:9px 0 11px}
.admin-title p{font-size:.96rem;color:#9ea7ba;line-height:1.6;max-width:590px}
.heading-accent{color:#99f0b9}
.admin-title .eyebrow{color:#8ee4b3}
.stat-grid{gap:16px;margin:25px 0 30px}
.stat-grid .stat-card{padding:21px 22px;border-radius:20px;background:linear-gradient(145deg,#1a1d2d,#131625);border:1px solid #2c3246;box-shadow:0 12px 26px rgba(0,0,0,.08);position:relative;overflow:hidden}
.stat-card::after{content:'';position:absolute;width:110px;height:110px;right:-45px;bottom:-60px;border-radius:50%;background:rgba(116,126,202,.05)}
.stat-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.stat-grid .stat-top span{font-size:.8rem;color:#a9b1c4;font-weight:700}
.stat-icon{width:35px;height:35px;border-radius:11px;background:#2e2a4c;color:#e1c6ff;display:grid;place-items:center;font-style:normal;font-size:1.15rem}
.stat-icon.green{background:#183e32;color:#a3fed2}.stat-icon.amber{background:#403523;color:#ffdf96}.stat-icon.red{background:#452733;color:#ffb0bf}
.stat-grid .stat-card strong{display:block;font-size:2.1rem;margin:8px 0 2px;color:#f8f8fd;font-weight:900}
.stat-grid .stat-card small{font-size:.75rem;color:#79859d}
.admin-inventory-panel{border:1px solid #2c3245;background:linear-gradient(180deg,#171a28,#111420);border-radius:22px;overflow:hidden;box-shadow:0 18px 34px rgba(0,0,0,.1)}
.admin-list-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:25px 26px 8px}
.admin-list-heading h2{font-size:1.24rem;letter-spacing:-.03em;margin:0 0 3px}
.admin-list-heading p{margin:0;color:#95a0b5;font-size:.85rem}
.listing-count{white-space:nowrap;background:#24293a;color:#a5afc2;font-weight:750;font-size:.72rem;padding:7px 12px;border-radius:999px}
.admin-filters{padding:19px 26px 24px;margin:0;grid-template-columns:minmax(0,1fr) 180px auto;gap:12px}
.admin-filters input,.admin-filters select{background:#10131e;border:1px solid #313749;color:#ebedf6;min-height:46px}
.admin-filters .btn{min-height:46px}
.admin-table-wrap{border:0;border-top:1px solid #2c3144;border-radius:0;background:none;overflow:auto}
.admin-table{min-width:820px}
.admin-table th,.admin-table td{padding:17px 18px;border-bottom:1px solid #252a3b}
.admin-table th{background:#131724;color:#8e9ab1;letter-spacing:.09em;font-size:.68rem}
.admin-table tr:hover td{background:rgba(255,255,255,.018)}
.admin-table tbody tr:last-child td{border-bottom:0}
.table-product img,.mini-placeholder{width:52px;height:52px;border-radius:14px;flex-shrink:0;background:#23283a}
.table-product strong{display:block;font-size:.88rem;letter-spacing:-.015em;max-width:260px}
.table-product span{color:#929caf;line-height:1.65;font-size:.75rem}
.table-price{font-weight:900;white-space:nowrap;font-size:.9rem}
.quick-stock{width:max-content;border:1px solid #343a4f;border-radius:11px;overflow:hidden;gap:0;background:#1a1e2e}
.quick-stock button{background:none;border:0;border-radius:0;width:34px;height:34px;cursor:pointer;color:#dde5f4;font-size:1.05rem}
.quick-stock button:hover{background:#34394e}
.quick-stock strong{display:block;min-width:34px;text-align:center;font-size:.87rem}
.status{border-radius:7px;font-size:.68rem;padding:5px 7px;font-weight:850}
.row-actions{gap:7px 12px}
.row-actions a,.row-actions button{font-size:.75rem;font-weight:800;color:#c1b4f0}
.row-actions a:hover,.row-actions button:hover{color:#b7ffce}
.row-actions .danger-link{color:#f9a0b0}
.inventory-empty{text-align:center;padding:35px;color:#a3acc0}.inventory-empty a{color:#aaf8c5;text-decoration:underline}
.admin-form{background:linear-gradient(155deg,#181b2a,#121520);border:1px solid #303548;border-radius:22px;padding:26px;margin-bottom:22px;box-shadow:0 15px 32px rgba(0,0,0,.08)}
.admin-form section{border:0;border-radius:0;background:none;padding:0;margin-bottom:24px}
.admin-form section+section{padding-top:22px;border-top:1px solid #2c3244}
.form-section-heading{margin:0 0 24px}
.form-section-heading .eyebrow{font-size:.67rem;color:#93e5b2}
.form-section-heading h2{font-size:1.27rem;letter-spacing:-.028em;margin:5px 0}
.form-section-heading p{color:#909bb0;font-size:.87rem;margin:4px 0 0}
.admin-form label{color:#c1c9d9;font-weight:720}
.admin-form input,.admin-form textarea,.admin-form select{background:#0d111b;border:1px solid #343a4e;border-radius:12px;min-height:46px;color:#f3f4ff}
.admin-form input:focus,.admin-form textarea:focus{border-color:#8fe9b6;box-shadow:0 0 0 3px rgba(137,242,173,.12)}
.admin-form input[type=checkbox]{min-height:0}
.admin-form label.check{display:flex;align-items:center}
.admin-form label.check input{width:auto;accent-color:#8bf0b7}
.admin-form input[type=file]::file-selector-button{background:#293148;color:#dfe9f6}
.product-edit-form{padding:0;background:none;border:0;box-shadow:none}
.product-edit-form section{background:#171a29;border:1px solid #303649;border-radius:22px;padding:26px;margin-bottom:22px}
.product-edit-form section+section{padding-top:26px;border:1px solid #303649}
.product-form-actions{display:flex;gap:12px;align-items:center;padding:4px 0}
.settings-jump-links{display:flex;gap:10px;flex-wrap:wrap;margin:-5px 0 28px}
.settings-jump-links a{padding:10px 13px;border-radius:11px;background:#181c2b;border:1px solid #30364b;color:#b3bdd1;font-size:.82rem;font-weight:800}
.settings-jump-links a:hover{background:#23293e;color:white}
.settings-card{scroll-margin-top:24px}
.payment-admin-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.payment-admin-card{background:#101420;border:1px solid #30364a;border-radius:18px;padding:18px}
.payment-admin-card .payment-admin-title h3{font-size:1.08rem}
.payment-admin-card input,.payment-admin-card textarea{background:#0c101a}
.payment-admin-title{align-items:center}
.payment-admin-title .payment-mark{width:47px;height:47px}
.admin-form .btn.primary{min-width:170px}

@media (max-width:1240px){
 .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .hero-grid{gap:35px}
 .payment-admin-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:1000px){
 .hero-grid{grid-template-columns:minmax(0,1fr)}
 .hero-card.pro-hero-card{max-width:700px}
 .admin-app{grid-template-columns:212px minmax(0,1fr)}
 .admin-sidebar{padding:22px 12px}
 .sidebar-menu a{padding:10px 9px;font-size:.82rem}
 .admin-main,.admin-main.narrow{width:min(100% - 42px,1280px)}
 .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .payment-admin-grid{grid-template-columns:1fr}
}
@media (max-width:780px){
 :root{--container:calc(100% - 32px)}
 .nav-wrap{gap:15px;min-height:70px}
 .brand img{width:43px;height:43px}
 .hero{padding:65px 0 48px}
 .hero h1{font-size:clamp(2.75rem,8vw,4rem)}
 .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
 .service-highlights-grid{grid-template-columns:1fr;gap:10px}
 .highlight-card{padding:16px}
 .section-head{flex-direction:column;align-items:stretch}
 .catalog-tools{justify-content:stretch;width:100%}
 .catalog-tools label{flex:1;min-width:0}
 .catalog-tools input,.catalog-tools select{width:100%;min-width:0}
 .admin-app{display:block}
 .admin-sidebar{height:auto;position:relative;display:block;padding:13px 16px;background:#111420;border-bottom:1px solid #303449;border-right:0}
 .sidebar-brand{display:inline-flex;padding:0;margin:0 0 12px;border:0}
 .sidebar-mark{width:35px;height:35px;flex-basis:35px}
 .sidebar-brand strong{font-size:.94rem}
 .sidebar-brand small{font-size:.52rem}
 .sidebar-group-label,.sidebar-bottom{display:none}
 .sidebar-menu{display:flex;overflow:auto;white-space:nowrap;gap:6px;margin:0;padding-bottom:7px;scrollbar-width:thin}
 .sidebar-menu a{flex:0 0 auto;min-height:38px;padding:8px 11px;border-radius:10px;font-size:.8rem;gap:6px}
 .sidebar-nav-icon{width:auto;flex:auto;font-size:.92rem}
 .admin-topbar{height:60px;padding:0 18px}
 .admin-topbar-status{display:none}
 .admin-main,.admin-main.narrow{width:min(100% - 28px,1280px);padding:26px 0 55px}
 .admin-title{align-items:start;gap:16px}
 .admin-title h1{font-size:2.25rem}
 .admin-title .btn{white-space:nowrap}
 .admin-filters{grid-template-columns:minmax(0,1fr) 130px;padding:16px;gap:9px}
 .admin-filters .btn{grid-column:1/-1}
 .admin-list-heading{padding:20px 16px 3px}
 .payment-admin-grid{grid-template-columns:1fr}
}
@media (max-width:560px){
 :root{--container:calc(100% - 26px)}
 .hero h1{font-size:clamp(2.65rem,11vw,3.35rem)}
 .hero-kicker{font-size:.64rem;letter-spacing:.05em}
 .hero p{font-size:1rem}
 .hero-card.pro-hero-card{padding:18px;border-radius:22px}
 .hero-card-top img{width:70px;height:70px}
 .hero-card-top strong{font-size:1.2rem}
 .hero-card-top span{font-size:.8rem}
 .product-grid{grid-template-columns:1fr;gap:16px}
 .product-media{height:222px}
 .product-body h3{min-height:0}
 .catalog-tools{flex-direction:column}
 .catalog-tools input,.catalog-tools select{width:100%}
 .section-head h2{font-size:2.1rem}
 .hero-actions{flex-direction:column}
 .admin-title{display:flex;flex-direction:column}
 .admin-title h1{font-size:2.05rem}
 .admin-title .btn{width:100%}
 .stat-grid{gap:10px}
 .stat-grid .stat-card{padding:15px}
 .stat-grid .stat-card strong{font-size:1.7rem}
 .stat-grid .stat-top span{font-size:.7rem}
 .stat-icon{height:29px;width:29px;font-size:.9rem}
 .admin-list-heading{align-items:start;flex-direction:column}
 .admin-filters{grid-template-columns:1fr}
 .admin-filters .btn{grid-column:auto}
 .admin-table{min-width:0}
 .admin-table thead{display:none}
 .admin-table tbody,.admin-table tr{display:block}
 .admin-table tr{padding:13px 14px;border-bottom:1px solid #303449}
 .admin-table td{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border:0!important;text-align:right}
 .admin-table td:first-child{display:block;text-align:left}
 .admin-table td[data-label]::before{content:attr(data-label);color:#98a4b9;font-weight:850;font-size:.75rem;min-width:65px;text-align:left}
 .admin-table td[data-label="Acciones"]{display:block;text-align:left}
 .admin-table td[data-label="Acciones"]::before{display:block;margin:0 0 9px}
 .row-actions{gap:11px}
 .table-product strong{font-size:.93rem}
 .product-edit-form section,.admin-form{padding:18px}
 .form-grid{grid-template-columns:1fr}
 .form-grid label.full{grid-column:auto}
 .settings-jump-links a{flex-grow:1;text-align:center}
 .payment-modal{border-radius:18px}
 .footer-wrap{flex-direction:column;align-items:flex-start;gap:10px}
}
@media (prefers-reduced-motion:reduce){
 *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* Ajustes finales de lectura móvil */
@media(max-width:780px){
 .sidebar-menu{flex-wrap:wrap;overflow:visible}
 .sidebar-menu a{white-space:normal}
}
@media(max-width:560px){
 .brand span{display:inline!important;font-size:.94rem;white-space:nowrap}
 .brand{gap:8px}
 .site-header .nav-wrap{justify-content:space-between}
 .hero-card.pro-hero-card{display:none}
 .service-highlights{display:none}
 .catalog-section{padding-top:48px}
}

/* v11.css */
/* SERVIDIS + V11 — motion/geometry pass; no framework, no network dependencies */
:root { --v11-cyan:#76dded; --v11-lime:#92f7bb; --v11-violet:#ae82f7; }
html { scroll-padding-top:94px; }
#catalogo,#pagos,#como-comprar,#preguntas{scroll-margin-top:86px}
body{overflow-x:clip}

/* Intro inspired by the supplied reference video, reinterpreted for SERVIDIS +. */
.brand-reveal[hidden]{display:none!important}
.brand-reveal{position:fixed;inset:0;z-index:180;isolation:isolate;display:grid;place-items:center;overflow:hidden;
 background:radial-gradient(ellipse at 50% 43%,#231a38 0%,#0b0c16 47%,#07080e 100%);color:#f5f9ff;
 opacity:0;transition:opacity .28s ease;pointer-events:none}
.brand-reveal.is-active{opacity:1;pointer-events:auto}
.brand-reveal.is-leaving{opacity:0;pointer-events:none}
.brand-reveal::before{content:"";position:absolute;inset:0;opacity:.34;background-image:linear-gradient(rgba(130,130,170,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(130,130,170,.06) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(circle,#000,transparent 70%)}
.reveal-orbit{position:absolute;border:1px solid rgba(127,239,187,.24);width:min(520px,88vw);aspect-ratio:1;border-radius:50%;box-shadow:0 0 50px rgba(56,218,150,.12),inset 0 0 40px rgba(146,81,231,.12);animation:orbitEnter 1.6s ease-out both}
.orbit-two{width:min(670px,108vw);border-color:rgba(172,117,239,.18);animation-duration:1.85s}
.reveal-orbit::after{content:"";width:8px;height:8px;position:absolute;top:6%;left:25%;border-radius:50%;background:var(--v11-cyan);box-shadow:0 0 15px var(--v11-cyan)}
.reveal-core{position:relative;z-index:1;text-align:center;display:grid;justify-items:center;gap:10px;animation:coreEnter .74s cubic-bezier(.18,.75,.2,1) both}
.reveal-core img{width:90px;height:90px;object-fit:cover;border-radius:22px;box-shadow:0 0 50px rgba(164,87,239,.25);margin-bottom:12px}
.reveal-super{font-size:.66rem;font-weight:900;letter-spacing:.28em;color:#9cf5c5}
.reveal-wordmark{display:block;font-size:clamp(2.7rem,9vw,6rem);line-height:1.05;font-weight:1000;letter-spacing:.12em;text-indent:.12em;text-shadow:0 0 45px rgba(166,119,243,.24)}
.reveal-wordmark em{font-style:normal;color:#92f7bb;text-shadow:0 0 30px rgba(109,255,171,.48)}
.reveal-core small{color:#b0b1c5;font-weight:650;letter-spacing:.08em;font-size:.79rem}
.reveal-progress{margin-top:20px;width:160px;height:2px;background:linear-gradient(90deg,var(--v11-violet),var(--v11-cyan),var(--v11-lime));transform-origin:left;animation:progressTrace 1.35s linear both;box-shadow:0 0 15px rgba(104,223,180,.45)}
.reveal-skip{position:absolute;bottom:max(30px,calc(env(safe-area-inset-bottom) + 20px));right:26px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.06);color:#d2cde2;padding:10px 16px;cursor:pointer;font-size:.81rem;font-weight:750}
.reveal-skip:hover{background:rgba(255,255,255,.14)}
@keyframes orbitEnter{from{transform:scale(.58) rotate(-55deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}
@keyframes coreEnter{from{transform:translateY(20px) scale(.92);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}
@keyframes progressTrace{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* Personalized signal line, small and deliberately subtle. */
.brand-beat{display:block;flex:0 0 108px;width:108px;height:28px;overflow:hidden;color:#8d81b6;margin-left:-2px;opacity:.68;pointer-events:none}
.brand-beat svg{height:100%;width:100%}
.brand-beat path{stroke-dasharray:184;stroke-dashoffset:184;animation:beatDraw 3.8s ease-in-out infinite}
@keyframes beatDraw{15%{stroke-dashoffset:184}50%,75%{stroke-dashoffset:0}100%{stroke-dashoffset:-184}}
@media(max-width:1200px){.brand-beat{display:none}}

/* Ambient motion strip: no third-party logos or external requests. */
.brand-motion-strip{height:64px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(94,51,149,.18),rgba(48,128,110,.09),rgba(94,51,149,.18));border-top:1px solid rgba(171,133,249,.12);border-bottom:1px solid rgba(171,133,249,.12);overflow:hidden;position:relative}
.brand-motion-strip::before,.brand-motion-strip::after{position:absolute;content:"";width:100px;height:100%;top:0;z-index:1;pointer-events:none}
.brand-motion-strip::before{left:0;background:linear-gradient(90deg,#0c0d17,transparent)}
.brand-motion-strip::after{right:0;background:linear-gradient(270deg,#0c0d17,transparent)}
.brand-motion-track{display:flex;flex:0 0 max-content;align-items:center;gap:28px;white-space:nowrap;min-width:max-content;animation:marqueeTravel 29s linear infinite;will-change:transform}
.brand-motion-track span{color:#c2b6d6;font-size:.83rem;letter-spacing:.15em;text-transform:uppercase;font-weight:850}
.brand-motion-track span:nth-of-type(5n+1){color:#9cf5c9}
.brand-motion-track i{width:5px;height:5px;border-radius:50%;background:#9d74d6;box-shadow:0 0 8px #b888f9;flex:0 0 5px}
@keyframes marqueeTravel{to{transform:translateX(-50%)}}

/* Geometric rhythm: same corners, baseline, aligned rows, no drifting widths. */
:root{--v11-card-radius:21px;--v11-card-border:#32344a}
.section-head{gap:24px}
.section-head>div:first-child{min-width:0}
.service-highlights-grid,.steps,.faq-grid,.payment-public-grid,.payment-admin-grid,.stat-grid{align-items:stretch}
.highlight-card,.steps>div,.faq-grid details,.payment-public-card,.stat-card,.payment-admin-card{min-width:0}
.highlight-card{height:100%;min-height:146px;border-radius:var(--v11-card-radius);display:flex;align-items:flex-start;gap:15px}
.highlight-card>div{min-width:0}
.highlight-card p{margin:4px 0 0}
.hero-grid{align-items:stretch}
.hero-grid>div:first-child{display:flex;flex-direction:column;justify-content:center}
.hero-card.pro-hero-card{height:100%;display:grid;grid-template-rows:auto 1fr auto;align-content:stretch;gap:18px}
.hero-card-panel{display:grid;grid-template-rows:repeat(3,minmax(54px,1fr));gap:9px}
.hero-panel-item{min-width:0;align-items:center}
.hero-panel-item>span{min-width:0}
.hero-payments-preview{align-self:end}

.product-grid{grid-auto-rows:1fr;align-items:stretch}
.product-card{height:100%;border-radius:var(--v11-card-radius);transform:translateZ(0);overflow:hidden}
.product-card::before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(151,114,248,.65),rgba(113,237,177,.7),transparent);transform:scaleX(0);transition:transform .35s ease;transform-origin:left;z-index:2;pointer-events:none}
.product-card{position:relative}
.product-card:hover::before{transform:scaleX(1)}
.product-media{height:auto;aspect-ratio:1.35/1;width:100%;flex:0 0 auto}
.product-body{display:flex;flex-direction:column;flex:1;gap:0}
.product-body h3{min-height:2.7em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-body .service-type{min-height:1.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.product-body .description{min-height:3.1em;max-height:3.1em}
.product-footer{margin-top:auto;min-height:58px}
.product-actions{margin-top:6px;display:grid;grid-template-rows:48px 40px;gap:5px}
.product-actions>.btn{width:100%;height:100%;min-height:0!important}
.qty-control{flex:0 0 auto}
.qty-control input{width:28px}
.steps{grid-auto-rows:1fr}
.steps>div{height:100%;min-height:194px;border-radius:var(--v11-card-radius)}
.faq-grid{grid-auto-rows:1fr}
.faq-grid details{height:100%;min-height:90px;border-radius:var(--v11-card-radius)}

.payments-layout{align-items:stretch}
.payments-intro-card{height:100%;position:static;border-radius:var(--v11-card-radius);display:flex;flex-direction:column;gap:12px}
.payments-intro-card>p{margin:0}
.payment-security-note{min-width:0;margin:7px 0}
.payment-public-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(100px,1fr);height:100%;gap:13px}
.payment-public-card{height:100%;min-height:111px;border-radius:var(--v11-card-radius);grid-template-areas:'mark copy state' 'mark copy arrow';grid-template-columns:auto minmax(0,1fr) auto;align-content:center}
.payment-card-copy{min-width:0}
.payment-card-state{white-space:nowrap}
.site-footer .footer-wrap{min-height:60px;gap:24px}
.site-footer .footer-wrap span{color:#8d91a7;font-size:.81rem}

/* Admin tidy grid, matching panel widths and field rhythm. */
.stat-grid{grid-auto-rows:1fr}
.stat-card{height:100%;display:flex;flex-direction:column;justify-content:space-between;min-height:166px;border-radius:var(--v11-card-radius)}
.stat-card strong{margin-top:8px}
.admin-inventory-panel{border-radius:var(--v11-card-radius);overflow:hidden}
.admin-list-heading{align-items:center}
.admin-filters{align-items:end}
.admin-filters>*{min-width:0}
.admin-table{width:100%}
.admin-table td{vertical-align:middle}
.admin-table .table-product{min-width:0}
.table-product>div:last-child{min-width:0}
.table-product strong{overflow-wrap:anywhere}
.row-actions{align-items:center;flex-wrap:wrap}
.payment-admin-grid{grid-auto-rows:1fr}
.payment-admin-card{border-radius:var(--v11-card-radius);height:100%;display:flex;flex-direction:column;gap:13px}
.payment-admin-card label{min-width:0}
.payment-admin-card textarea{resize:vertical}
.admin-form{border-radius:var(--v11-card-radius)}
.settings-card{scroll-margin-top:30px}
.form-grid{align-items:start}
.form-grid>*{min-width:0}
.admin-page .admin-title{gap:20px}
.admin-page .admin-title>div:first-child{min-width:0}

/* Entrance choreography; content is never hidden without IntersectionObserver support. */
.motion-enabled .motion-item{opacity:0;transform:translate3d(0,18px,0);transition:opacity .55s ease,transform .65s cubic-bezier(.18,.65,.2,1)}
.motion-enabled .motion-item.is-inview{opacity:1;transform:translate3d(0,0,0)}
.motion-enabled .product-card.motion-item:nth-child(4n+2),.motion-enabled .stat-card.motion-item:nth-child(4n+2){transition-delay:55ms}
.motion-enabled .product-card.motion-item:nth-child(4n+3),.motion-enabled .stat-card.motion-item:nth-child(4n+3){transition-delay:105ms}
.motion-enabled .product-card.motion-item:nth-child(4n+4),.motion-enabled .stat-card.motion-item:nth-child(4n+4){transition-delay:155ms}
.motion-enabled .payment-public-card.motion-item:nth-child(2n){transition-delay:65ms}
.motion-enabled .highlight-card.motion-item:nth-child(2),.motion-enabled .steps>div.motion-item:nth-child(2){transition-delay:80ms}
.motion-enabled .highlight-card.motion-item:nth-child(3),.motion-enabled .steps>div.motion-item:nth-child(3){transition-delay:160ms}
/* Keeping already revealed content visible when JS filters / sorts products. */
.motion-enabled .motion-item.is-inview:hover{transition-delay:0ms}

@media(max-width:1240px){
 .hero-grid{align-items:center}
 .hero-card.pro-hero-card{height:auto}
 .payment-public-grid{grid-auto-rows:minmax(102px,1fr)}
}
@media(max-width:1000px){
 .payments-layout{grid-template-columns:1fr}
 .payment-public-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(124px,1fr)}
}
@media(max-width:780px){
 .brand-motion-strip{height:54px}
 .brand-motion-track{gap:20px}
 .brand-motion-track span{font-size:.76rem}
 .payment-public-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .stat-card{min-height:146px}
 .highlight-card,.steps>div{min-height:0}
}
@media(max-width:620px){
 .payment-public-grid{grid-template-columns:1fr}
 .payment-public-card{min-height:112px}
 .product-media{height:210px;aspect-ratio:auto}
 .product-body h3{min-height:0}
 .product-body .description{min-height:3.1em}
 .product-actions{grid-template-rows:48px 40px}
 .hero-card.pro-hero-card{height:auto}
 .brand-motion-strip{height:48px}
 .stat-card{min-height:138px}
 .site-footer .footer-wrap{align-items:flex-start;gap:8px}
 .reveal-core img{width:72px;height:72px}
 .reveal-super{font-size:.58rem}
 .reveal-wordmark{letter-spacing:.06em;text-indent:.06em}
 .reveal-core small{font-size:.7rem}
}
@media (prefers-reduced-motion:reduce){
 .brand-reveal,.brand-reveal *{animation:none!important;transition:none!important}
 .brand-motion-track,.brand-beat path{animation:none!important}
 .motion-enabled .motion-item{opacity:1!important;transform:none!important;transition:none!important}
 .product-card::before{transition:none!important}
}
/* Preserve the compact V10 customer hero on small screens; avoid duplicate blocks. */
@media(max-width:560px){.hero-card.pro-hero-card{display:none}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .motion-enabled .product-card.is-inview:hover{transform:translateY(-5px)}
 .motion-enabled .payment-public-card.is-inview:hover{transform:translateY(-3px)}
}

/* v12.css */
/* SERVIDIS + V12 — balanced hero, responsive intro, clean in-page navigation */
html{scroll-behavior:smooth;scroll-padding-top:96px}
[data-scroll-to]{cursor:pointer}
.main-nav .nav-scroll{appearance:none;background:transparent;border:0;min-height:40px;padding:8px 0;color:#b6b3c7;font-size:.91rem;font-weight:700;letter-spacing:-.01em;white-space:nowrap}
.main-nav .nav-scroll:hover,.main-nav .nav-scroll:focus-visible{color:#b5ffd3}
.settings-jump-links button{appearance:none;padding:10px 13px;min-height:43px;border-radius:11px;background:#181c2b;border:1px solid #30364b;color:#b3bdd1;font-size:.82rem;font-weight:800;cursor:pointer}
.settings-jump-links button:hover{background:#23293e;color:white}
[data-scroll-to]:focus-visible{outline:2px solid #a6ffcc;outline-offset:3px}
#catalogo:focus,#pagos:focus,#como-comprar:focus,#preguntas:focus,.settings-card:focus{outline:0}

/* The hero retains the brand palette but no longer stretches the right panel
   into a tall, almost-empty rectangle. */
.hero{padding:76px 0 62px}
.hero-grid{grid-template-columns:minmax(0,1.03fr) minmax(400px,.97fr);gap:clamp(24px,3.4vw,62px);align-items:center}
.hero-grid>div:first-child{min-width:0;align-self:center}
.hero-kicker{max-width:max-content;padding:9px 15px;font-size:.68rem;letter-spacing:.095em}
.hero h1{font-size:clamp(2.8rem,4.3vw,4.65rem);line-height:1.09;letter-spacing:-.057em;max-width:720px;margin:24px 0 22px;text-wrap:balance}
.hero p{font-size:clamp(1rem,1.15vw,1.13rem);line-height:1.7;max-width:530px}
.hero-actions{margin:30px 0 27px;gap:12px}
.hero-actions .btn{min-height:54px;border-radius:15px}
.trust-row{gap:11px 21px;font-size:.83rem}

.hero-card.pro-hero-card.v12-showcase{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:21px;min-width:0;width:100%;height:auto;min-height:480px;max-width:none;padding:28px;border-radius:30px;background:linear-gradient(153deg,#231832 0%,#111422 65%,#0d1620 100%);border:1px solid rgba(163,132,228,.32);box-shadow:0 26px 65px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.055)}
.v12-showcase::before{content:'';position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,rgba(178,113,255,.68),rgba(133,255,189,.8),transparent);pointer-events:none}
.v12-showcase .showcase-glow{position:absolute;z-index:-1;top:-118px;right:-108px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(117,69,188,.24),rgba(89,53,131,.05) 62%,transparent 72%);pointer-events:none}
.showcase-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.showcase-online{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(108,238,165,.23);border-radius:999px;color:#a6f3c3;background:rgba(47,155,104,.1);font-size:.63rem;font-weight:850;letter-spacing:.13em}
.showcase-online i{height:7px;width:7px;border-radius:50%;background:#7ef2a7;box-shadow:0 0 12px rgba(126,242,167,.75)}
.showcase-cross{font-size:23px;color:rgba(177,152,227,.58)}
.showcase-identity{display:grid;grid-template-columns:124px minmax(0,1fr);gap:20px;align-items:center;min-width:0}
.showcase-emblem-wrap{width:124px;height:124px;display:grid;place-items:center;padding:4px;background:linear-gradient(140deg,rgba(170,92,243,.3),rgba(117,237,179,.22));border:1px solid rgba(186,153,255,.35);border-radius:25px;box-shadow:0 12px 40px rgba(159,84,222,.16)}
.showcase-emblem-wrap img{display:block;width:100%;height:100%;object-fit:cover;border-radius:21px;box-shadow:none}
.showcase-identity-copy{min-width:0}
.showcase-identity-copy>span{display:block;font-size:.63rem;letter-spacing:.15em;color:#99e8bd;font-weight:850;margin-bottom:6px}
.showcase-identity-copy strong{display:block;font-size:clamp(1.65rem,2.4vw,2.4rem);font-weight:900;line-height:1.12;letter-spacing:-.05em;overflow-wrap:anywhere}
.showcase-identity-copy p{color:#bdafc9;font-size:.9rem;line-height:1.5;margin:9px 0 0;max-width:285px}
.showcase-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.showcase-services>div{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:15px 12px 14px;background:rgba(11,13,25,.58);border:1px solid rgba(191,169,232,.11);border-radius:17px}
.showcase-service-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:rgba(159,93,245,.13);color:#cba8ff;font-size:.75rem;font-weight:950;border:1px solid rgba(159,93,245,.19);margin-bottom:3px}
.showcase-services strong{color:#f3f1ff;font-size:.88rem;font-weight:850}
.showcase-services small{color:#a7a1b7;font-size:.76rem;line-height:1.46}
.showcase-bottom{display:flex;align-items:center;gap:13px;flex-wrap:wrap;padding:14px 16px;background:rgba(7,11,19,.46);border:1px solid rgba(204,190,239,.09);border-radius:16px}
.showcase-bottom-label{color:#a7a0b9;font-size:.67rem;letter-spacing:.10em;font-weight:900;white-space:nowrap}
.showcase-bottom .payment-logo-row{gap:7px;min-width:0}
.showcase-bottom .payment-logo-pill{padding:5px 8px;gap:6px}
.showcase-bottom .payment-logo-pill em{font-size:.68rem}
.showcase-bottom .payment-mark{width:22px;height:22px;font-size:.70rem;border-radius:7px}
.showcase-custom-help{color:#acabbc;font-size:.82rem}

/* Geometrically aligned sections and cards, without adding empty padding. */
.service-highlights-grid,.steps,.payment-public-grid,.faq-grid,.product-grid{gap:18px}
.highlight-card{min-height:128px;padding:21px}
.product-card{border-radius:21px}
.product-media{aspect-ratio:1.45/1}
.payment-public-card{border-radius:19px}

/* Run the welcome animation on every entry / reload; responsive choreography.
   Children only animate when the overlay is active so BFCache can restart them. */
.brand-reveal .reveal-orbit,.brand-reveal .reveal-core,.brand-reveal .reveal-progress{animation:none}
.brand-reveal.is-active .reveal-orbit{animation:orbitEnter 1.25s ease-out both}
.brand-reveal.is-active .orbit-two{animation-duration:1.45s}
.brand-reveal.is-active .reveal-core{animation:coreEnter .65s cubic-bezier(.18,.75,.2,1) both}
.brand-reveal.is-active .reveal-progress{animation:progressTrace 1.4s linear both}
.brand-reveal.is-active .reveal-wordmark{animation:revealShimmer 1.25s ease-out both}
@keyframes revealShimmer{0%{filter:brightness(.65);letter-spacing:.17em}60%{filter:brightness(1.28)}100%{filter:brightness(1);letter-spacing:.12em}}
.brand-reveal .reveal-core{width:min(520px,calc(100% - 36px));padding:24px 10px}
.reveal-skip{z-index:3;min-height:46px;padding-inline:19px}

@media(max-width:1240px){
 .hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr)}
 .hero h1{font-size:clamp(2.8rem,4.75vw,4.25rem)}
 .hero-card.pro-hero-card.v12-showcase{min-height:450px;padding:23px}
 .showcase-identity{grid-template-columns:96px minmax(0,1fr);gap:15px}
 .showcase-emblem-wrap{width:96px;height:96px;border-radius:20px}
 .showcase-emblem-wrap img{border-radius:17px}
}
@media(max-width:1000px){
 .hero-grid{grid-template-columns:minmax(0,1fr)}
 .hero-grid>div:first-child{max-width:780px}
 .hero h1{font-size:clamp(3.1rem,6vw,4.8rem)}
 .hero-card.pro-hero-card.v12-showcase{max-width:780px;min-height:0;gap:22px}
}
@media(max-width:780px){
 .hero{padding:62px 0 50px}
 .hero h1{font-size:clamp(2.7rem,7.5vw,3.9rem)}
 .main-nav .nav-scroll{font-size:.82rem}
 .settings-jump-links button{flex-grow:1;text-align:center}
 .showcase-services{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:560px){
 /* Avoid duplicate content and preserve short, conversion-oriented mobile hero. */
 .hero-card.pro-hero-card.v12-showcase{display:none}
 .hero{padding:48px 0 38px}
 .hero h1{font-size:clamp(2.52rem,10.6vw,3.36rem);line-height:1.06;letter-spacing:-.058em;margin:19px 0 18px}
 .hero-kicker{font-size:.61rem;letter-spacing:.04em;padding:9px 12px;gap:7px}
 .hero p{font-size:1.02rem;line-height:1.62}
 .hero-actions{gap:10px;margin:24px 0 18px}
 .hero-actions .btn{min-height:50px}
 .trust-row{gap:8px 13px;font-size:.77rem}
 .brand-reveal{background:radial-gradient(ellipse at 50% 48%,#21152f 0,#090b12 63%,#05070c 100%)}
 .brand-reveal .reveal-core{width:min(360px,calc(100% - 36px));gap:9px;padding:12px 4px;transform-origin:center}
 .brand-reveal .reveal-orbit{width:min(300px,82vw)}
 .brand-reveal .orbit-two{width:min(420px,112vw)}
 .brand-reveal .reveal-core img{width:78px;height:78px;border-radius:20px;margin:0 0 8px}
 .brand-reveal .reveal-super{font-size:.54rem;letter-spacing:.17em}
 .brand-reveal .reveal-wordmark{font-size:clamp(2.15rem,10vw,3.35rem);letter-spacing:.06em;text-indent:.06em;white-space:nowrap}
 .brand-reveal .reveal-core small{font-size:.65rem;letter-spacing:.02em}
 .brand-reveal .reveal-progress{width:130px;margin-top:12px}
 .brand-reveal .reveal-skip{right:50%;transform:translateX(50%);bottom:max(22px,calc(env(safe-area-inset-bottom) + 18px));white-space:nowrap}
}
@media(max-height:540px){
 .brand-reveal .reveal-core img{width:58px;height:58px;margin:0}
 .brand-reveal .reveal-wordmark{font-size:clamp(2rem,6vw,3.1rem)}
 .brand-reveal .reveal-core{gap:5px}
 .reveal-skip{bottom:max(10px,env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .brand-reveal,.brand-reveal *, .brand-reveal.is-active .reveal-wordmark{animation:none!important;transition:none!important}
}
/* Specificity correction: don't inherit the legacy hero logo title margin. */
.v12-showcase .showcase-services strong{margin-top:0!important;display:block;font-size:.92rem;line-height:1.25}
.v12-showcase .showcase-services small{display:block;line-height:1.4}

body.intro-playing{overflow:hidden}

/* v13.css */
/* SERVIDIS + V13 — identidad visual, animación sin recuadros, SKU de productos */
:root{--v13-border:rgba(183,160,227,.18);--v13-glow:rgba(149,93,255,.16);--v13-green:#91ffc0}
html{scroll-behavior:smooth}

/* Intro verdaderamente a pantalla completa; nunca deja ver el título a través
   del fondo ni dibuja un rectángulo alrededor de la portada. */
.brand-reveal:not([hidden]){opacity:1;pointer-events:auto;background:
  radial-gradient(ellipse 48% 54% at 50% 47%,rgba(72,36,113,.56),transparent 82%),
  radial-gradient(ellipse 54% 62% at 52% 52%,rgba(13,94,72,.14),transparent 90%),
  #080911;backdrop-filter:none}
.brand-reveal.is-leaving{opacity:0;pointer-events:none;transition:opacity .34s cubic-bezier(.26,.66,.32,1)}
.brand-reveal .reveal-core{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;max-width:calc(100vw - 30px);isolation:isolate}
.brand-reveal .reveal-wordmark{background:none!important;border:0!important;box-shadow:none!important;white-space:nowrap;letter-spacing:.055em!important;text-indent:.055em!important;text-shadow:0 0 36px rgba(151,83,230,.34);font-size:clamp(2.15rem,7.8vw,5.7rem)}
.brand-reveal .reveal-orbit{border-color:rgba(126,247,193,.24);box-shadow:0 0 48px rgba(140,69,234,.12),inset 0 0 28px rgba(81,201,153,.08)}
.brand-reveal .orbit-two{border-color:rgba(175,109,241,.17)}
.brand-reveal.is-active .reveal-core{animation:v13IntroFocus .67s cubic-bezier(.15,.86,.21,1) both}
.brand-reveal.is-active .reveal-wordmark{animation:v13LogoSweep .94s cubic-bezier(.16,.75,.17,1) both}
.brand-reveal.is-active .reveal-orbit{animation:v13OrbitIn 1.2s ease-out both}
.brand-reveal.is-active .orbit-two{animation-duration:1.4s}
.brand-reveal.is-active .reveal-progress{animation:progressTrace 1.3s cubic-bezier(.22,.65,.26,1) both}
@keyframes v13IntroFocus{from{opacity:0;transform:translate3d(0,18px,0) scale(.95);filter:blur(7px)}to{opacity:1;transform:translateZ(0) scale(1);filter:blur(0)}}
@keyframes v13LogoSweep{from{opacity:0;filter:brightness(.8) blur(5px);transform:translateY(6px)}70%{opacity:1;filter:brightness(1.2) blur(0);transform:none}to{opacity:1;filter:brightness(1);transform:none}}
@keyframes v13OrbitIn{from{opacity:0;transform:scale(.74) rotate(-26deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}

/* Titular limpio; ninguna capa de animación modifica su ancho o su caja. */
.hero{isolation:isolate}
.hero-grid>div:first-child,.hero h1{min-width:0}
.hero h1{background:transparent!important;border:0!important;box-shadow:none!important;clip-path:none;word-break:normal;overflow-wrap:normal;line-height:1.12;letter-spacing:-.053em;text-wrap:balance}
.hero h1::before,.hero h1::after{content:none!important}
.hero-kicker{max-width:100%;width:max-content}
.hero-card.pro-hero-card.v12-showcase{box-shadow:0 24px 54px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.04)}
.hero-card.pro-hero-card.v12-showcase .showcase-services{align-items:stretch;grid-auto-rows:1fr}
.showcase-services>div{height:100%;transition:background .25s,border-color .25s,transform .35s cubic-bezier(.2,.75,.2,1)}
.showcase-services>div:hover{background:rgba(45,30,70,.55);border-color:rgba(170,117,248,.32);transform:translateY(-3px)}
.showcase-emblem-wrap{animation:v13MarkGlow 5.5s ease-in-out infinite}
@keyframes v13MarkGlow{0%,100%{box-shadow:0 10px 36px rgba(139,72,220,.13)}50%{box-shadow:0 10px 40px rgba(143,89,244,.24),0 0 42px rgba(95,215,150,.11)}}

/* Código: pequeña referencia visible, legible, no altera la altura entre tarjetas. */
.product-code-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 11px;min-height:27px}
.product-sku{display:inline-flex;align-items:center;max-width:100%;padding:5px 9px;min-height:27px;border:1px solid rgba(134,252,191,.23);background:rgba(32,87,61,.16);color:#9ef6c6;border-radius:8px;font-size:.66rem;font-weight:850;line-height:1.35;letter-spacing:.075em;overflow-wrap:anywhere}
.sku-label{color:#7c849d;font-size:.67rem;font-weight:700;white-space:nowrap}
.product-card{min-width:0;transition:border-color .3s,box-shadow .3s,transform .35s cubic-bezier(.17,.72,.2,1)}
.product-card:hover,.product-card:focus-within{border-color:rgba(166,122,241,.6);box-shadow:0 20px 46px rgba(0,0,0,.24),0 0 0 1px rgba(121,225,167,.06)}
.product-body{gap:0}
.product-meta{margin-bottom:2px}
.cart-sku{font-size:.72rem;line-height:1.2;color:#93dcb6!important;letter-spacing:.03em}
.admin-sku{display:inline-flex!important;max-width:max-content;border-radius:7px;border:1px solid rgba(112,234,174,.24);padding:3px 7px;margin:5px 0 3px;color:#a5f7cc!important;letter-spacing:.025em;font-size:.72rem!important;font-weight:800}
.product-edit-form input[name="sku"]{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em}
.product-edit-form label small{display:block;font-size:.73rem;line-height:1.45;color:#999fb6;font-weight:500}

/* Animación individual de contenedores: se mueve solo la superficie, nunca
   la grilla; mantiene alturas simétricas para evitar saltos de diseño. */
.highlight-card,.steps>div,.payment-public-card,.stat-card,.faq-grid details{transition:transform .36s cubic-bezier(.2,.74,.2,1),box-shadow .32s,border-color .32s,background .32s}
.highlight-card:hover,.steps>div:hover,.stat-card:hover,.faq-grid details:hover{transform:translateY(-4px);border-color:rgba(151,125,214,.37);box-shadow:0 20px 35px rgba(0,0,0,.16)}
.payment-public-card:hover{transform:translateY(-4px)}
@media (prefers-reduced-motion:no-preference){
 body.intro-complete .hero .hero-kicker{animation:v13SectionArrive .54s .04s both}
 body.intro-complete .hero h1{animation:v13SectionArrive .58s .11s both}
 body.intro-complete .hero p{animation:v13SectionArrive .6s .18s both}
 body.intro-complete .hero-actions{animation:v13SectionArrive .6s .25s both}
 body.intro-complete .hero-card{animation:v13SectionArrive .66s .13s both}
}
@keyframes v13SectionArrive{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
/* The legacy viewport reveal is intentionally subtler and does not affect layout. */
.motion-enabled .motion-item{transition-duration:.42s,.5s;transform:translate3d(0,10px,0)}
.motion-enabled .motion-item.is-inview{transform:translate3d(0,0,0)}
.motion-enabled .motion-item.is-inview:hover{transform:translateY(-4px)}
.product-grid{align-items:stretch;grid-auto-rows:1fr}
.product-card{height:100%}
.product-body h3{min-height:2.7em}
.product-card .product-actions{margin-top:auto}

@media(max-width:1000px){.hero h1{max-width:750px;line-height:1.10}}
@media(max-width:560px){
 .hero{padding-top:40px}
 .hero h1{font-size:clamp(2.25rem,10vw,3.3rem);line-height:1.08;letter-spacing:-.05em;word-break:normal}
 .brand-reveal:not([hidden]){background:radial-gradient(ellipse 85% 43% at 50% 49%,rgba(61,34,95,.56),transparent 90%),#080911}
 .brand-reveal .reveal-core{padding:0 12px;width:100%;max-width:100vw}
 .brand-reveal .reveal-wordmark{font-size:clamp(2rem,10vw,3.1rem)}
 .brand-reveal .reveal-orbit{width:min(290px,76vw)}
 .brand-reveal .orbit-two{width:min(420px,112vw)}
 .brand-reveal .reveal-core img{width:76px;height:76px}
 .brand-reveal .reveal-core small{font-size:.61rem;white-space:normal;max-width:250px}
 .sku-label{display:none}
 .product-sku{font-size:.68rem}
 .showcase-emblem-wrap{animation:none}
}
@media(prefers-reduced-motion:reduce){
 .brand-reveal,.brand-reveal *,body.intro-complete .hero *,.showcase-emblem-wrap{animation:none!important;transition:none!important}
 .motion-enabled .motion-item{opacity:1!important;transform:none!important;transition:none!important}
 .highlight-card:hover,.steps>div:hover,.stat-card:hover,.faq-grid details:hover{transform:none!important}
}


/* V14: franja de plataformas con logos/chips visuales */
.platform-marquee{padding:8px 0 4px}
.platform-marquee .container{position:relative}
.platform-marquee-shell{position:relative;overflow:hidden;padding:14px 16px;border-radius:24px;border:1px solid rgba(98,93,152,.28);background:linear-gradient(90deg,rgba(28,20,50,.82),rgba(9,16,28,.96) 38%,rgba(8,28,26,.92) 68%,rgba(24,16,42,.85));box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 20px 42px rgba(3,6,16,.24)}
.platform-marquee-shell::before,.platform-marquee-shell::after{content:"";position:absolute;top:0;bottom:0;width:84px;z-index:2;pointer-events:none}
.platform-marquee-shell::before{left:0;background:linear-gradient(90deg,rgba(17,12,31,.98),rgba(17,12,31,0))}
.platform-marquee-shell::after{right:0;background:linear-gradient(270deg,rgba(13,17,31,.98),rgba(13,17,31,0))}
.platform-marquee-kicker{position:absolute;left:18px;top:10px;z-index:3;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid rgba(112,245,184,.18);background:rgba(26,48,44,.44);color:#a8f6cf;font-size:.73rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.platform-marquee-window{overflow:hidden;padding-top:28px}
.platform-marquee-track{display:flex;align-items:center;gap:14px;min-width:max-content;animation:platformMarquee 28s linear infinite;will-change:transform}
.platform-marquee:hover .platform-marquee-track{animation-play-state:paused}
.platform-chip{display:inline-flex;align-items:center;gap:10px;min-width:max-content;padding:10px 14px;border-radius:18px;border:1px solid rgba(120,116,180,.24);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.platform-chip:hover{transform:translateY(-2px);border-color:rgba(145,131,220,.4);box-shadow:0 12px 24px rgba(0,0,0,.18)}
.platform-chip em{font-style:normal;color:#eef1ff;font-size:.92rem;font-weight:800;letter-spacing:.01em;white-space:nowrap}
.platform-icon{display:inline-flex;align-items:center;justify-content:center;height:34px;min-width:34px;padding:0 10px;border-radius:12px;background:rgba(255,255,255,.08);font-size:.78rem;font-weight:900;letter-spacing:.04em;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.platform-chip.netflix .platform-icon{background:linear-gradient(135deg,#6f0914,#e50914)}
.platform-chip.spotify .platform-icon{background:linear-gradient(135deg,#118f42,#1ed760);color:#071b0f}
.platform-chip.disney .platform-icon{background:linear-gradient(135deg,#1244ff,#64b5ff)}
.platform-chip.max .platform-icon{background:linear-gradient(135deg,#3451ff,#845dff)}
.platform-chip.prime .platform-icon{background:linear-gradient(135deg,#0f2a4b,#00a8e1)}
.platform-chip.youtube .platform-icon{background:linear-gradient(135deg,#8f1111,#ff2d2d)}
.platform-chip.crunchy .platform-icon{background:linear-gradient(135deg,#aa5000,#ff9a1f);color:#261200}
.platform-chip.paramount .platform-icon{background:linear-gradient(135deg,#063e9a,#2fa7ff)}
@keyframes platformMarquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media (max-width:760px){
 .platform-marquee{padding:4px 0 0}
 .platform-marquee-shell{padding:12px 12px 10px;border-radius:20px}
 .platform-marquee-shell::before,.platform-marquee-shell::after{width:38px}
 .platform-marquee-kicker{left:12px;top:8px;padding:5px 10px;font-size:.64rem;letter-spacing:.11em}
 .platform-marquee-window{padding-top:24px}
 .platform-marquee-track{gap:10px;animation-duration:22s}
 .platform-chip{padding:9px 12px;border-radius:16px;gap:8px}
 .platform-chip em{font-size:.83rem}
 .platform-icon{height:30px;min-width:30px;padding:0 8px;border-radius:10px;font-size:.72rem}
}
@media (prefers-reduced-motion:reduce){.platform-marquee-track{animation:none}}

/* v15.css */
/* SERVIDIS + V15: logos oficiales en cinta de plataformas */
.platform-v15-section{padding:28px 0 44px;overflow:hidden;background:linear-gradient(180deg,rgba(18,13,31,0),rgba(19,15,37,.35) 42%,rgba(13,17,28,.06))}
.platform-v15-header{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:22px}
.platform-v15-kicker{display:inline-block;color:#a4f5cb;font-size:.69rem;letter-spacing:.15em;font-weight:850}
.platform-v15-header h2{font-size:clamp(1.65rem,3.4vw,2.75rem);letter-spacing:-.045em;line-height:1.12;margin:9px 0 0;color:#f7f4ff}
.platform-v15-note{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;color:#9f9cb5;font-size:.78rem}
.platform-v15-note::before{content:"";width:7px;height:7px;border-radius:50%;background:#70f2ab;box-shadow:0 0 12px rgba(112,242,171,.65)}
.platform-v15-marquee{position:relative;width:100%;overflow:hidden;isolation:isolate;padding:9px 0}
.platform-v15-marquee::before,.platform-v15-marquee::after{position:absolute;top:0;bottom:0;content:"";width:min(11vw,180px);z-index:3;pointer-events:none}
.platform-v15-marquee::before{left:0;background:linear-gradient(90deg,#0c0b16 0,rgba(12,11,22,0))}
.platform-v15-marquee::after{right:0;background:linear-gradient(270deg,#0c0b16 0,rgba(12,11,22,0))}
.platform-v15-scroller{display:flex;width:max-content;align-items:stretch;will-change:transform;animation:servV15Scroll 43s linear infinite}
.platform-v15-group{display:flex;align-items:stretch;gap:16px;padding-right:16px;flex:0 0 auto}
.platform-v15-card{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:13px;flex:0 0 176px;height:115px;padding:18px 15px;background:linear-gradient(150deg,rgba(39,32,58,.75),rgba(15,16,30,.95));border:1px solid rgba(133,126,172,.2);border-radius:21px;box-shadow:inset 0 1px rgba(255,255,255,.045),0 14px 34px rgba(0,0,0,.1);transition:background .25s,border-color .25s,box-shadow .25s,transform .25s}
.platform-v15-logo{display:flex;align-items:center;justify-content:center;height:43px;width:130px}
.platform-v15-logo img{display:block;object-fit:contain;object-position:center;width:48px;height:43px;max-width:100%;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}
.platform-v15-card.disney .platform-v15-logo img{width:75px;height:46px}
.platform-v15-card.prime .platform-v15-logo img{width:90px;height:39px}
.platform-v15-card strong{font-weight:760;font-size:.82rem;line-height:1.12;text-align:center;color:#e7e4f1;letter-spacing:.012em;white-space:nowrap}
.platform-v15-card:hover{transform:translateY(-3px);border-color:rgba(111,240,174,.4);background:linear-gradient(160deg,rgba(46,40,74,.85),rgba(14,25,32,.96));box-shadow:0 16px 40px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.08)}
.platform-v15-marquee:hover .platform-v15-scroller{animation-play-state:paused}
@keyframes servV15Scroll{to{transform:translate3d(-50%,0,0)}}
@media(max-width:768px){
 .platform-v15-section{padding:18px 0 30px}
 .platform-v15-header{display:block;margin-bottom:12px}
 .platform-v15-header h2{font-size:1.63rem;margin:7px 0 7px}
 .platform-v15-note{white-space:normal;font-size:.72rem}
 .platform-v15-group{gap:10px;padding-right:10px}
 .platform-v15-card{flex-basis:128px;height:96px;gap:9px;padding:12px 10px;border-radius:17px}
 .platform-v15-logo{height:37px;width:102px}
 .platform-v15-logo img{height:35px;width:41px}
 .platform-v15-card.disney .platform-v15-logo img{width:70px;height:35px}
 .platform-v15-card.prime .platform-v15-logo img{width:78px;height:34px}
 .platform-v15-card strong{font-size:.68rem}
 .platform-v15-scroller{animation-duration:36s}
 .platform-v15-marquee::before,.platform-v15-marquee::after{width:30px}
}
@media(prefers-reduced-motion:reduce){.platform-v15-scroller{animation:none;will-change:auto}.platform-v15-marquee{overflow-x:auto;scrollbar-width:thin}.platform-v15-marquee::before,.platform-v15-marquee::after{display:none}.platform-v15-group:nth-child(2){display:none}.platform-v15-card:hover{transform:none}}


/* V15.2: ocultar textos bajo logos y compactar tarjetas */
.platform-v15-card strong{display:none !important}
.platform-v15-card{height:72px;gap:0;padding:10px 10px}
.platform-v15-logo{height:36px;width:112px}
.platform-v15-logo img{width:34px;height:30px}
.platform-v15-card.disney .platform-v15-logo img{width:56px;height:29px}
.platform-v15-card.prime .platform-v15-logo img{width:64px;height:30px}
@media(max-width:768px){.platform-v15-card{height:60px;padding:7px}.platform-v15-logo{height:24px;width:84px}.platform-v15-logo img{width:26px;height:22px}.platform-v15-card.disney .platform-v15-logo img{width:42px;height:21px}.platform-v15-card.prime .platform-v15-logo img{width:50px;height:22px}}

/* v16.css */
/* SERVIDIS + V16 — catálogo en categorías, tarjetas premium, monedas y LIVE */
:root{--v16-surface:#131325;--v16-edge:rgba(155,148,214,.18);--v16-accent:#9afabf;--v16-orange:#ff8a3c}
#catalogo{scroll-margin-top:90px}
#catalogo .section-head{align-items:end;gap:20px}
#catalogo .section-head h2{max-width:720px}
#catalogo .catalog-tools{display:flex;align-items:end;flex-wrap:wrap;gap:10px}
#catalogo .catalog-tools label{min-width:0}
#catalogo .catalog-tools label span{color:#9ca0bb}
#catalogo .catalog-tools select,#catalogo .catalog-tools input{min-width:0;height:45px;background:#101020;color:#eef0fd;border:1px solid rgba(161,152,211,.22);border-radius:13px;padding:0 14px}
#catalogo .catalog-tools .search-box input{width:220px}
#catalogo .catalog-tools .sort-box select{width:175px}
#catalogo .catalog-tools .currency-box select{width:155px}
#catalogo .catalog-tools input:focus,#catalogo .catalog-tools select:focus{outline:2px solid rgba(122,243,186,.38);outline-offset:1px}
.category-directory{border:1px solid rgba(151,143,201,.22);border-radius:20px;padding:18px 20px;background:linear-gradient(120deg,rgba(30,24,55,.8),rgba(12,14,31,.95));margin:20px 0 22px;box-shadow:0 16px 42px rgba(0,0,0,.13)}
.category-directory-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:14px}
.category-directory-head strong{font-size:.89rem;color:#f5f2ff}
.category-directory-head span{font-size:.78rem;color:#aaa2c2}
#categoryFilters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0}
#categoryFilters .chip{position:relative;display:flex;align-items:center;justify-content:center;min-height:41px;background:rgba(255,255,255,.018);color:#b5bad5;border:1px solid transparent;border-radius:10px;padding:9px 14px;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.015em;transition:color .2s,background .2s,border-color .2s,transform .2s}
#categoryFilters .chip.active{background:linear-gradient(145deg,rgba(104,74,183,.28),rgba(25,27,57,.8));color:#fff;border-color:rgba(185,156,255,.26)}
#categoryFilters .chip.active::after{content:"";position:absolute;left:12px;right:12px;bottom:-3px;height:2px;background:var(--v16-orange);border-radius:2px}
#categoryFilters .chip:hover{background:rgba(94,72,151,.17);color:#fff;border-color:rgba(160,128,243,.25);transform:translateY(-1px)}
#categoryFilters .chip.active:hover{background:linear-gradient(145deg,rgba(104,74,183,.38),rgba(25,27,57,.85))}
.currency-notice{font-size:.82rem;color:#aab4c5;margin:-8px 0 17px}
#catalogo .product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
#catalogo .product-card{position:relative;display:flex;flex-direction:column;height:100%;min-width:0;border:1px solid var(--v16-edge);border-radius:21px;background:linear-gradient(155deg,rgba(28,27,51,.94),rgba(14,15,33,.98));box-shadow:0 16px 34px rgba(0,0,0,.13);transition:transform .25s,border-color .25s,box-shadow .25s;overflow:hidden}
#catalogo .product-card:hover{transform:translateY(-5px);border-color:rgba(140,114,228,.48);box-shadow:0 25px 45px rgba(0,0,0,.24),0 0 0 1px rgba(123,237,176,.08)}
#catalogo .product-media{height:auto;aspect-ratio:1.34/1;background:linear-gradient(120deg,#0b1220,#111324)}
#catalogo .product-media>img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
#catalogo .product-card:hover .product-media img{transform:scale(1.035)}
#catalogo .product-card .badge{left:12px;top:12px;font-weight:850;background:linear-gradient(135deg,#8e55ff,#6539e3)}
#catalogo .product-card .stock-pill{right:10px;top:10px;max-width:62%;font-size:.69rem;background:rgba(9,36,24,.86);color:#a3fac9;border:1px solid rgba(100,244,173,.19);backdrop-filter:blur(8px)}
#catalogo .product-card .stock-pill.out{background:rgba(45,16,27,.87);color:#ffadbf}
#catalogo .product-body{flex:1;display:flex;flex-direction:column;gap:0;padding:17px 17px 16px}
#catalogo .product-code-row{min-height:22px;margin-bottom:10px}
#catalogo .product-meta{font-size:.71rem;line-height:1.4;color:#aaa8d1;letter-spacing:.04em;margin-bottom:7px}
#catalogo .product-body h3{font-weight:850;font-size:clamp(1rem,1.3vw,1.18rem);letter-spacing:-.02em;line-height:1.28;min-height:2.55em;margin:0 0 7px;overflow-wrap:anywhere}
#catalogo .service-type{margin:0 0 6px;font-size:.82rem;color:#bdb6de}
#catalogo .description{min-height:2.6em;margin:3px 0 12px;font-size:.8rem;line-height:1.55;color:#9da0bd;-webkit-line-clamp:2}
#catalogo .availability-line{display:flex;align-items:center;gap:7px;font-size:.74rem;font-weight:760;color:#a5f2bd;min-height:21px;margin:0 0 13px}
#catalogo .availability-line span{font-size:.63rem}
#catalogo .availability-line.sold-out{color:#ffacb9}
#catalogo .product-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:53px;margin:auto 0 12px;padding-top:11px;border-top:1px solid rgba(149,139,185,.11)}
#catalogo .price{font-size:clamp(1.2rem,1.7vw,1.47rem);font-weight:950;letter-spacing:-.035em;color:#f6f1ff;white-space:nowrap}
#catalogo .qty-control{height:34px;border-radius:10px}
#catalogo .qty-control button{min-width:29px;height:32px}
#catalogo .qty-input{width:32px}
#catalogo .product-actions{display:grid;grid-template-columns:1.2fr .8fr;gap:8px;margin:0}
#catalogo .product-actions .btn{font-size:.78rem;font-weight:880;padding:11px 8px;border-radius:11px;min-height:41px}
#catalogo .product-actions .btn.ghost{color:#ece6fd;background:rgba(92,70,146,.18);border:1px solid rgba(150,137,203,.22)}
#catalogo .product-actions .btn.ghost:hover{background:rgba(126,83,191,.24);color:#fff}
#catalogo .product-quick-buy{width:100%;margin:10px 0 0;padding:5px;border:0;background:transparent;color:#9aebb9;font-size:.79rem;font-weight:800;cursor:pointer;text-align:center}
#catalogo .product-quick-buy:hover{text-decoration:underline;color:#bbffd3}
#catalogo .product-quick-buy:disabled{opacity:.35;cursor:not-allowed;text-decoration:none}
.cart-conversion-note{font-size:.76rem;color:#b8a7d6;margin:3px 0 12px}
/* Detalle de producto limpio, con foto y acciones reales. */
.v16-detail-backdrop{position:fixed;inset:0;z-index:115;padding:20px;background:rgba(4,4,12,.8);backdrop-filter:blur(9px);display:grid;place-items:center}
.v16-detail-backdrop[hidden]{display:none}
.v16-detail-modal{position:relative;width:min(790px,100%);max-height:min(90dvh,790px);overflow:auto;display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid rgba(173,156,221,.28);border-radius:25px;background:linear-gradient(145deg,#1c1730,#0e1120);box-shadow:0 25px 85px rgba(0,0,0,.56)}
.v16-detail-media{display:grid;place-items:center;min-height:340px;background:radial-gradient(circle at center,rgba(136,82,205,.23),transparent 67%),#0d1120}
.v16-detail-media img{width:100%;height:100%;max-height:490px;object-fit:cover}
.v16-detail-placeholder{font-size:8rem;font-weight:950;color:#c3a3ff}
.v16-detail-close{position:absolute;right:16px;top:13px;z-index:2;border:1px solid rgba(255,255,255,.18);background:#251d32;color:#fff;width:37px;height:37px;border-radius:12px;font-size:1.4rem;cursor:pointer}
.v16-detail-copy{padding:32px 24px;display:flex;flex-direction:column;align-items:flex-start}
.v16-detail-copy h2{font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.2;margin:9px 32px 6px 0}
.v16-detail-copy p{color:#b0aac8}
.v16-detail-code{font-size:.75rem!important;font-weight:850;color:#a5f2c0!important}
.v16-detail-price{display:block;font-size:1.8rem;margin:auto 0 7px;color:#fff}
.v16-detail-stock{font-size:.8rem;color:#a5e6bd!important}
.v16-detail-actions{display:flex;gap:9px;flex-wrap:wrap;width:100%;margin-top:12px}
.v16-detail-actions .btn{flex:1;min-width:125px;font-size:.85rem;padding:11px}
body.detail-open{overflow:hidden}
/* Modo LIVE = visualización compacta, no integración con TikTok ni evasión de normas. */
.live-float-wrap{position:fixed;right:max(17px,env(safe-area-inset-right));bottom:max(103px,calc(env(safe-area-inset-bottom) + 94px));z-index:43;display:grid;justify-items:end;gap:7px}
.live-mode-float{display:flex;align-items:center;gap:8px;padding:11px 14px;border:1px solid rgba(255,163,95,.32);border-radius:999px;background:linear-gradient(135deg,#f57936,#ff9b4b);color:#190e07;font-weight:950;font-size:.78rem;letter-spacing:.045em;box-shadow:0 13px 32px rgba(0,0,0,.32);cursor:pointer;transition:transform .2s,filter .2s}
.live-mode-float:hover{transform:translateY(-2px);filter:brightness(1.08)}
.live-dot{display:inline-block;width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#29140b;box-shadow:0 0 0 4px rgba(255,255,255,.17)}
.live-hint{display:block;font-size:.69rem;font-weight:760;color:#b8b2cf;background:rgba(9,8,19,.9);border:1px solid rgba(255,255,255,.09);padding:5px 9px;border-radius:8px}
.live-mode-banner{position:sticky;top:77px;z-index:39;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px;padding:10px 18px;background:#1f152b;border-bottom:1px solid rgba(255,137,66,.35);color:#f5edfc;font-size:.82rem}
.live-mode-banner[hidden]{display:none}
.live-mode-banner strong{color:#ffab62}
.live-mode-banner button{border:1px solid rgba(255,255,255,.22);background:#34243d;color:#fff;padding:6px 12px;border-radius:9px;cursor:pointer}
body.live-presentation .hero,body.live-presentation .service-highlights,body.live-presentation .platform-v15-section,body.live-presentation .steps-section,body.live-presentation .payments-section,body.live-presentation .faq-section{display:none!important}
body.live-presentation .catalog-section{padding-top:30px}
body.live-presentation .product-card{box-shadow:0 12px 33px rgba(0,0,0,.22)}
body.live-presentation .live-mode-float{background:linear-gradient(135deg,#51d98d,#abffae);border-color:#51d98d}
.v16-admin-note{color:#b6b0cc;font-size:.85rem;line-height:1.55;margin:8px 0 17px}
@media(max-width:1180px){#catalogo .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#catalogo .section-head{align-items:start;flex-direction:column}#catalogo .catalog-tools{width:100%}#catalogo .catalog-tools .search-box{flex:1}#catalogo .catalog-tools .search-box input{width:100%}}
@media(max-width:850px){#catalogo .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#catalogo .product-body h3{min-height:2.4em}.live-mode-banner{top:60px}}
@media(max-width:620px){
 #catalogo .catalog-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px}
 #catalogo .catalog-tools .search-box{grid-column:1 / -1;grid-row:1}
 #catalogo .catalog-tools .sort-box select,#catalogo .catalog-tools .currency-box select{width:100%}
 .category-directory{padding:15px 12px;border-radius:16px}
 .category-directory-head{align-items:start;flex-direction:column;gap:3px;margin-bottom:10px}
 #categoryFilters{gap:5px}
 #categoryFilters .chip{font-size:.7rem;padding:7px 9px;min-height:37px;border-radius:9px}
 #catalogo .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 #catalogo .product-card{border-radius:15px}
 #catalogo .product-media{aspect-ratio:1/1}
 #catalogo .product-body{padding:11px 10px 12px}
 #catalogo .product-body h3{font-size:.87rem;min-height:2.5em}
 #catalogo .product-meta{font-size:.63rem}
 #catalogo .product-sku{font-size:.61rem}
 #catalogo .service-type{font-size:.7rem}
 #catalogo .description{font-size:.71rem;min-height:2.7em;margin-bottom:8px}
 #catalogo .availability-line{font-size:.65rem;margin-bottom:10px}
 #catalogo .product-footer{display:grid;justify-content:stretch;gap:9px;padding-top:9px;margin-top:auto}
 #catalogo .price{font-size:1.17rem}
 #catalogo .qty-control{width:max-content;height:29px}
 #catalogo .qty-control button{height:27px;width:30px}
 #catalogo .product-actions{grid-template-columns:1fr;gap:7px}
 #catalogo .product-actions .btn{padding:10px 7px;min-height:36px;font-size:.72rem}
 #catalogo .product-quick-buy{font-size:.68rem;padding:4px 0}
 .v16-detail-modal{grid-template-columns:1fr;max-height:92dvh}
 .v16-detail-media{min-height:180px;max-height:230px}
 .v16-detail-media img{max-height:230px;object-fit:cover}
 .v16-detail-placeholder{font-size:5rem}
 .v16-detail-copy{padding:20px 17px}
 .live-float-wrap{right:12px;bottom:max(86px,calc(env(safe-area-inset-bottom) + 78px))}
 .live-mode-float{font-size:.68rem;padding:9px 11px}
 .live-hint{display:none}
 .live-mode-banner{gap:8px;padding:8px 10px;font-size:.7rem}
}
@media(max-width:365px){#catalogo .product-grid{gap:8px}#catalogo .product-body{padding:10px 8px}#catalogo .product-card .stock-pill{font-size:.58rem}#catalogo .product-code-row{min-height:19px}#catalogo .product-body h3{font-size:.82rem}}
@media(prefers-reduced-motion:reduce){#catalogo .product-card,#catalogo .product-card:hover,.live-mode-float{transition:none!important;transform:none!important}}
/* Banner de visualización anclado incluso cuando el control está al final del DOM */
.live-mode-banner:not([hidden]){position:fixed;left:0;right:0;top:78px;z-index:38;box-shadow:0 9px 24px rgba(0,0,0,.26)}
@media(max-width:850px){.live-mode-banner:not([hidden]){top:60px}}

/* v17.css */
/* SERVIDIS + V17: catálogo editorial + modo LIVE de presentación neutra */
#catalogo{padding:72px 0 80px;scroll-margin-top:90px;background:radial-gradient(ellipse at 50% 0,rgba(94,53,129,.12),transparent 65%)}
#catalogo>.container{width:min(1280px,calc(100% - 38px))}
#catalogo .section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;margin-bottom:25px}
#catalogo .catalog-heading .eyebrow{display:inline-flex;align-items:center;gap:8px;letter-spacing:.14em;color:#a4f7c5}
#catalogo .catalog-heading .eyebrow:before{content:'';width:7px;height:7px;border-radius:50%;background:#80e9b6;box-shadow:0 0 14px rgba(127,239,166,.54)}
#catalogo .catalog-heading h2{font-size:clamp(2rem,3.2vw,3.15rem);line-height:1.1;max-width:800px;margin:12px 0 8px;letter-spacing:-.045em;text-wrap:balance}
#catalogo .catalog-heading p{font-size:.94rem;color:#aaa4c0;max-width:600px;margin:0}
#catalogo .catalog-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:end;justify-content:flex-end}
#catalogo .catalog-tools label{min-width:0;display:grid;gap:6px}
#catalogo .catalog-tools label span{font-size:.7rem;font-weight:850;color:#9296b5;letter-spacing:.07em;text-transform:uppercase}
#catalogo .catalog-tools .currency-box select{width:172px}
#catalogo .catalog-tools .search-box input{width:224px}
#catalogo .catalog-tools .sort-box select{width:160px}
#catalogo .catalog-tools select,#catalogo .catalog-tools input{height:45px;min-width:0;background:#151427;border:1px solid rgba(164,147,208,.25);color:#fbfaff;border-radius:12px;padding:0 12px;box-shadow:inset 0 1px rgba(255,255,255,.035)}
#catalogo .category-directory{background:linear-gradient(110deg,rgba(37,29,61,.8),rgba(14,16,33,.94));border:1px solid rgba(154,146,206,.23);border-radius:19px;padding:17px 19px 19px;margin:21px 0 22px;box-shadow:0 12px 35px rgba(0,0,0,.11)}
#catalogo .category-directory-head{align-items:center;margin-bottom:12px;gap:9px}
#catalogo .category-directory-head strong{font-size:.9rem}
#catalogo .category-directory-head span{font-size:.75rem;color:#a8a4bf}
#catalogo #categoryFilters{gap:8px;display:flex;flex-wrap:wrap;align-items:center}
#catalogo #categoryFilters .chip{min-height:38px;padding:8px 12px;font-size:.75rem;font-weight:800;border-radius:10px}
#catalogo #categoryFilters .chip.active{background:rgba(61,117,92,.22);border-color:rgba(132,244,179,.32);color:#edfff3}
#catalogo #categoryFilters .chip.active::after{background:#91f6b7}
#catalogo .product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;align-items:stretch;grid-auto-rows:1fr}
#catalogo .product-card{min-width:0;height:100%;border-radius:20px;display:flex;flex-direction:column;background:linear-gradient(156deg,#1c1b30,#101322);border:1px solid rgba(153,137,200,.22);box-shadow:0 15px 36px rgba(0,0,0,.15);transition:transform .35s cubic-bezier(.16,.8,.2,1),border-color .3s,box-shadow .3s}
#catalogo .product-card[hidden]{display:none!important}
#catalogo .product-card:hover,#catalogo .product-card:focus-within{transform:translateY(-4px);border-color:rgba(149,120,237,.56);box-shadow:0 21px 44px rgba(0,0,0,.3),0 0 0 1px rgba(146,243,170,.06)}
#catalogo .product-media{aspect-ratio:1.5/1;height:auto;flex:0 0 auto;position:relative;overflow:hidden;background:linear-gradient(135deg,#12162b,#1a1532);border-bottom:1px solid rgba(255,255,255,.06)}
#catalogo .product-media>img{height:100%;width:100%;object-fit:cover;transition:transform .45s ease}
#catalogo .product-card:hover .product-media>img{transform:scale(1.035)}
#catalogo .product-card .stock-pill{right:10px;top:10px;padding:7px 9px;font-size:.65rem;background:rgba(9,32,24,.91);border:1px solid rgba(147,249,174,.2)}
#catalogo .product-body{padding:17px 15px 15px;display:flex;flex:1;flex-direction:column;gap:0}
#catalogo .product-code-row{min-height:25px;margin:0 0 10px}
#catalogo .product-sku{border:1px solid rgba(125,241,167,.24);border-radius:8px;padding:5px 9px;color:#a8ffc9;font-size:.68rem;letter-spacing:.05em}
#catalogo .product-meta{font-size:.71rem;letter-spacing:.06em;color:#ad9cda;margin-bottom:8px}
#catalogo .product-body h3{font-size:1.1rem;font-weight:900;letter-spacing:-.02em;line-height:1.27;min-height:2.56em;margin:0 0 8px}
#catalogo .service-type{font-size:.81rem;color:#c7bfda;margin:0 0 7px}
#catalogo .description{font-size:.8rem;color:#9fa0bc;min-height:2.72em;line-height:1.52;margin:3px 0 10px}
#catalogo .availability-line{font-size:.73rem;min-height:20px;margin:0 0 12px}
#catalogo .product-footer{margin:auto 0 12px;border-top:1px solid rgba(139,135,191,.16);min-height:60px;padding-top:13px;gap:8px}
#catalogo .price{font-size:clamp(1.13rem,1.65vw,1.45rem);font-weight:900;line-height:1.22;white-space:normal;overflow-wrap:anywhere}
#catalogo .qty-control{flex:0 0 auto}
#catalogo .product-actions{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:7px}
#catalogo .product-actions .btn{min-height:43px;font-size:.78rem;line-height:1.22;padding:10px 7px;white-space:normal;border-radius:11px}
#catalogo .product-quick-buy{font-size:.76rem;min-height:28px;margin-top:8px;color:#a0eabb}
/* El modo LIVE es una vista de presentación: sustituye imágenes/rotulación visibles, sin modificar datos. */
.live-neutral-cover{position:absolute;inset:0;z-index:2;display:none;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;background:radial-gradient(circle at 25% 20%,rgba(108,75,158,.23),transparent 60%),linear-gradient(135deg,#161a2c,#111d25);color:#dfffea;font-size:.69rem;font-weight:900;letter-spacing:.11em;pointer-events:none}
.live-neutral-symbol{width:56px;height:56px;display:grid;place-items:center;border-radius:17px;border:1px solid rgba(146,241,179,.34);background:rgba(85,204,135,.06);font-size:1.85rem;letter-spacing:0;color:#b1edc6}
.live-neutral-cover small{font-weight:650;font-size:.67rem;color:#a5b0bf;letter-spacing:.02em;text-transform:none}
body.live-presentation #catalogo .live-neutral-cover{display:flex}
body.live-presentation #catalogo .product-media>img,body.live-presentation #catalogo .product-placeholder{visibility:hidden!important}
body.live-presentation #catalogo .badge,body.live-presentation #catalogo .product-meta,body.live-presentation #catalogo .service-type,body.live-presentation #catalogo .description{display:none!important}
body.live-presentation #catalogo .product-body h3{font-size:0!important;line-height:0!important;min-height:34px;margin-bottom:8px}
body.live-presentation #catalogo .product-body h3::after{content:'Servicio digital';font-size:1.09rem;font-weight:900;line-height:1.4;color:#f3f5ff}
body.live-presentation #catalogo .product-quick-buy{font-size:0!important}
body.live-presentation #catalogo .product-quick-buy::after{content:'Consultar disponibilidad';font-size:.78rem}
body.live-presentation #catalogo .category-directory{display:none!important}
body.live-presentation #catalogo .catalog-heading h2{font-size:0!important;line-height:0!important}
body.live-presentation #catalogo .catalog-heading h2::after{content:'Catálogo digital';font-size:clamp(2rem,3.2vw,3.15rem);line-height:1.1}
body.live-presentation #catalogo .catalog-heading .eyebrow{font-size:0!important}
body.live-presentation #catalogo .catalog-heading .eyebrow::after{content:'VISTA DE PRESENTACIÓN';font-size:.72rem}
body.live-presentation #catalogo .catalog-heading p{font-size:0!important}
body.live-presentation #catalogo .catalog-heading p::after{content:'Consulta por código y disponibilidad.';font-size:.9rem}
body.live-presentation .site-header .main-nav{display:none}
.live-mode-banner:not([hidden]){background:linear-gradient(90deg,#242137,#171c2b);border-color:rgba(116,242,176,.28)}
.live-mode-banner strong{color:#affacc}
#monedas .form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#monedas .form-grid label{min-width:0}
#monedas .form-grid label input{width:100%;min-width:0}
@media(max-width:1230px){#catalogo .section-head{grid-template-columns:1fr}#catalogo .catalog-tools{justify-content:start}#catalogo .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#monedas .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){#catalogo .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#catalogo .catalog-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}#catalogo .catalog-tools .currency-box select,#catalogo .catalog-tools .search-box input,#catalogo .catalog-tools .sort-box select{width:100%;min-width:0}}
@media(max-width:560px){#catalogo{padding:45px 0 60px}#catalogo>.container{width:calc(100% - 28px)}#catalogo .catalog-heading h2{font-size:2.18rem}#catalogo .catalog-heading p{font-size:.87rem}#catalogo .catalog-tools{grid-template-columns:1fr 1fr;gap:8px}#catalogo .catalog-tools .search-box{grid-column:1/-1;grid-row:1}#catalogo .catalog-tools select,#catalogo .catalog-tools input{height:43px}#catalogo .category-directory{padding:13px;margin:18px 0}#catalogo .category-directory-head{flex-direction:column;align-items:start;gap:4px}#catalogo .product-grid{grid-template-columns:1fr;gap:16px}#catalogo .product-card{width:100%;max-width:480px;margin:0 auto}#catalogo .product-media{aspect-ratio:1.65/1}#catalogo .product-body{padding:17px}#catalogo .product-body h3{min-height:0;font-size:1.2rem}#catalogo .price{font-size:1.42rem}#catalogo .product-actions .btn{font-size:.83rem}#monedas .form-grid{grid-template-columns:1fr}body.live-presentation #catalogo .catalog-heading h2::after{font-size:2.15rem}}
@media(prefers-reduced-motion:reduce){#catalogo .product-card:hover{transform:none!important}#catalogo .product-card,#catalogo .product-media>img{transition:none!important}}
/* El inventario permanece legible sobre las miniaturas neutrales. */
body.live-presentation #catalogo .stock-pill{z-index:4}

/* v18.css */
/* SERVIDIS + V18 | catálogo LIVE con niebla, monedas y notificaciones */
/* Controles compactos de cabecera */
.site-header .nav-wrap{gap:14px}
.v18-header-tools{display:flex;align-items:center;gap:9px;margin-left:auto;min-width:0;position:relative;z-index:6}
.v18-currency-quick{display:flex;align-items:center;gap:7px;min-width:0;height:43px;border:1px solid rgba(162,147,215,.24);border-radius:12px;background:#151226;padding:0 8px 0 12px;color:#aff5ce;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.v18-currency-icon{font-size:19px;font-weight:800;line-height:1}
.v18-currency-quick select{min-width:96px;max-width:150px;outline:0;background:transparent;color:#f1effb;border:0;font-weight:750;font-size:.81rem;cursor:pointer}
.v18-currency-quick option{background:#171326;color:#fff}
.v18-notify-root{position:relative;flex:0 0 auto}
.v18-notify-toggle{height:43px;width:43px;border:1px solid rgba(162,147,215,.24);border-radius:12px;background:#151226;color:#e7e1f7;cursor:pointer;position:relative;display:grid;place-items:center}
.v18-notify-toggle:hover,.v18-notify-toggle[aria-expanded=true]{border-color:rgba(145,244,187,.6);background:#231a36}
.v18-notify-toggle svg{height:21px;width:21px}
.v18-notify-count{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;border-radius:999px;display:grid;place-items:center;background:#ff7c44;color:#190c0a;border:2px solid #0d0a16;font-size:.63rem;font-weight:950;padding:0 3px}
.v18-notify-count[hidden],.v18-notify-panel[hidden]{display:none!important}
.v18-notify-panel{position:absolute;top:calc(100% + 14px);right:-20px;width:min(390px,calc(100vw - 30px));max-height:min(520px,70vh);display:flex;flex-direction:column;border:1px solid rgba(146,117,213,.34);background:linear-gradient(160deg,#1b162a,#10111f);border-radius:19px;box-shadow:0 25px 75px rgba(0,0,0,.55);overflow:hidden;z-index:90;animation:noticeDrop .2s ease both}
@keyframes noticeDrop{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
.v18-notify-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 18px;border-bottom:1px solid rgba(255,255,255,.08)}
.v18-notify-head strong{font-size:1rem;color:#f8f4ff}
.v18-notify-head button{border:0;background:none;color:#9bf5bb;font-size:.77rem;cursor:pointer;text-align:right}
.v18-notify-head button:hover{text-decoration:underline}
.v18-notify-list{overflow:auto;overscroll-behavior:contain;min-height:55px}
.v18-notice{display:grid;grid-template-columns:8px minmax(0,1fr);gap:12px;padding:15px 18px 14px;border-bottom:1px solid rgba(255,255,255,.065);cursor:pointer;transition:background .2s}
.v18-notice:hover{background:rgba(158,101,227,.07)}
.v18-notice-dot{height:8px;width:8px;margin-top:7px;border-radius:50%;background:#ff874d;box-shadow:0 0 12px rgba(255,120,64,.4)}
.v18-notice.is-read .v18-notice-dot{opacity:0}
.v18-notice strong{display:block;font-size:.86rem;line-height:1.35;color:#f1effb}
.v18-notice.is-read strong{color:#b2a9c6;font-weight:650}
.v18-notice p{margin:6px 0 8px;color:#c2b8d2;font-size:.82rem;line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap}
.v18-notice small{color:#8a839d;font-size:.7rem}
.v18-notify-footer{padding:11px 18px;color:#9187a4;font-size:.7rem;text-align:center;background:rgba(0,0,0,.12)}
.v18-notify-empty{padding:26px 18px;color:#aaa0b8;font-size:.87rem;text-align:center}

/* En el modo LIVE se desenfocan las creatividades en vez de ocultarlas totalmente. */
body.live-presentation #catalogo .product-media>img,body.live-presentation #catalogo .product-placeholder{visibility:visible!important;filter:blur(11px) brightness(.56) saturate(.62)!important;transform:scale(1.09)!important;opacity:.94;pointer-events:none}
body.live-presentation #catalogo .live-neutral-cover{display:flex;z-index:3;background:linear-gradient(105deg,rgba(15,15,27,.25),rgba(19,16,37,.06) 44%,rgba(14,26,34,.25));isolation:isolate;overflow:hidden}
body.live-presentation #catalogo .live-neutral-cover:before,body.live-presentation #catalogo .live-neutral-cover:after{content:"";position:absolute;inset:-32%;border-radius:45%;pointer-events:none;z-index:-1;filter:blur(18px);opacity:.52}
body.live-presentation #catalogo .live-neutral-cover:before{background:radial-gradient(ellipse at 22% 55%,rgba(195,174,233,.23),transparent 48%),radial-gradient(ellipse at 66% 40%,rgba(156,190,209,.16),transparent 45%);animation:v18Fog 11s ease-in-out infinite alternate}
body.live-presentation #catalogo .live-neutral-cover:after{background:radial-gradient(ellipse at 60% 65%,rgba(199,186,221,.15),transparent 45%);animation:v18FogAlt 14s ease-in-out infinite alternate}
body.live-presentation #catalogo .live-neutral-cover .live-neutral-symbol{width:42px;height:42px;font-size:1.25rem;border-radius:14px;box-shadow:0 0 25px rgba(125,180,174,.07);background:rgba(18,26,34,.18);backdrop-filter:blur(3px)}
body.live-presentation #catalogo .live-neutral-cover>span:nth-child(2){font-size:.63rem;text-shadow:0 1px 9px rgba(0,0,0,.8);color:#e9f7fc}
body.live-presentation #catalogo .live-neutral-cover small{color:#c8d0dc;text-shadow:0 1px 9px #000}
body.live-presentation #catalogo .stock-pill{z-index:5}
body.live-presentation #catalogo .product-card{box-shadow:0 13px 40px rgba(9,7,18,.28);border-color:rgba(143,134,198,.25)}
/* Logo y nombre de marcas nunca se usan como titulares del modo LIVE. */
body.live-presentation .v16-detail-media img{filter:blur(11px) brightness(.58);transform:scale(1.05)}
@keyframes v18Fog{from{transform:translate(-14%,7%) rotate(-8deg)}to{transform:translate(13%,-11%) rotate(13deg)}}
@keyframes v18FogAlt{from{transform:translate(14%,-8%) rotate(7deg)}to{transform:translate(-12%,9%) rotate(-10deg)}}

/* Centro de comunicación del administrador */
.v18-admin-notices{display:block;border:1px solid rgba(140,117,192,.25);border-radius:21px;padding:25px;background:linear-gradient(160deg,#161020,#0c0b14);margin:18px 0 30px;scroll-margin-top:100px}
.v18-admin-notices .admin-form{background:none;border:0;padding:0;box-shadow:none;margin:0}
.v18-notice-admin-list{display:grid;gap:10px;margin-top:23px}
.v18-notice-admin-item{display:flex;justify-content:space-between;gap:18px;align-items:start;border:1px solid rgba(172,156,212,.16);padding:15px 16px;background:rgba(8,8,18,.45);border-radius:14px}
.v18-notice-admin-item strong{display:block;font-size:.91rem}
.v18-notice-admin-item small{display:block;color:#8df2bd;font-size:.7rem;margin:3px 0 9px}
.v18-notice-admin-item p{color:#a9a0b9;font-size:.83rem;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.v18-notice-admin-actions{display:flex;gap:6px;flex-shrink:0;align-items:center}
.v18-notice-admin-actions form{margin:0}
.v18-admin-empty{color:#aba0bb;font-size:.85rem}

@media (max-width:1200px){
 .site-header .nav-wrap{gap:8px}
 .v18-header-tools{gap:6px}
 .v18-currency-quick{padding:0 4px 0 8px}
 .v18-currency-quick select{max-width:102px;min-width:83px}
}
@media (max-width:820px){
 .v18-notify-panel{position:fixed;top:76px;right:14px;width:min(390px,calc(100vw - 28px));max-height:min(70vh,500px)}
 .v18-currency-quick{height:38px}
 .v18-notify-toggle{height:38px;width:38px}
}
@media (max-width:520px){
 .site-header .nav-wrap{gap:7px}
 .v18-currency-quick{height:34px;gap:3px;border-radius:10px;padding:0 3px 0 5px}
 .v18-currency-icon{display:none}
 .v18-currency-quick select{min-width:65px;max-width:74px;font-size:.66rem;text-overflow:ellipsis}
 .v18-notify-toggle{width:34px;height:34px;border-radius:10px}
 .v18-notify-toggle svg{width:17px;height:17px}
 .v18-notify-panel{top:68px;right:10px;width:calc(100vw - 20px)}
 .v18-notice-admin-item{flex-direction:column}
 .v18-admin-notices{padding:18px}
}
@media(prefers-reduced-motion:reduce){
 body.live-presentation #catalogo .live-neutral-cover:before,body.live-presentation #catalogo .live-neutral-cover:after{animation:none!important}
 .v18-notify-panel{animation:none}
}

/* La navegación cabe incluso en teléfonos estrechos. */
@media(max-width:1100px) and (min-width:781px){.site-header .main-nav{gap:12px}.site-header .main-nav .nav-scroll{font-size:.78rem}.site-header .brand span{font-size:.94rem}.site-header .order-button{min-width:90px;padding:7px 9px}}
@media(max-width:780px){.site-header .main-nav{display:none}.site-header .v18-header-tools{margin-left:auto}.site-header .order-button{margin-left:0;min-width:88px;padding:7px 8px}}
@media(max-width:520px){.site-header .order-button{width:58px;min-width:58px;display:flex;justify-content:center;align-items:center;gap:5px;padding:6px 3px;font-size:.68rem}.site-header .order-button small{display:none}.site-header .order-button strong{min-width:20px;height:20px}.site-header .brand{min-width:0}.site-header .brand img{width:37px;height:37px;flex-shrink:0}.site-header .brand span{font-size:.77rem!important;letter-spacing:0}}
@media(max-width:390px){.site-header .brand span{display:none!important}.site-header .nav-wrap{gap:5px}.site-header .order-button{width:61px;min-width:61px}}

/* v19.css */
/* SERVIDIS + V19 · una misma retícula, color y comportamiento en toda la tienda.
   Esta hoja se carga al final y conserva la compatibilidad con V18. */
:root{--v19-bg:#090c15;--v19-panel:#141627;--v19-ink:#f5f4fc;--v19-muted:#a1a5be;--v19-border:rgba(151,151,204,.19);--v19-green:#97f5bd;--v19-purple:#ad7dff;--v19-shadow:0 16px 40px rgba(0,0,0,.20)}
html{scroll-padding-top:92px}
body{background:radial-gradient(ellipse 50% 22% at 8% 3%,rgba(94,52,160,.18),transparent 80%),radial-gradient(ellipse 40% 25% at 95% 15%,rgba(17,105,80,.09),transparent 80%),var(--v19-bg);color:var(--v19-ink)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role="button"]:focus-visible{outline:2px solid var(--v19-green);outline-offset:3px}
[hidden]{display:none!important}
.site-header{border-bottom:1px solid rgba(154,138,210,.15);background:rgba(10,11,21,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.site-header .nav-wrap{width:min(1320px,calc(100% - 40px));min-height:74px;gap:19px;justify-content:space-between}
.site-header .brand{flex-shrink:0}
.site-header .brand img{width:42px;height:42px;border-radius:13px;box-shadow:0 4px 22px rgba(156,99,242,.2)}
.site-header .brand span{font-size:1.04rem;letter-spacing:-.025em;font-weight:900}
.site-header .brand-beat{display:none!important}
.site-header .main-nav{margin:auto;gap:2px;display:flex;align-items:center}
.site-header .nav-scroll{border:0;display:inline-flex;align-items:center;min-height:39px;padding:0 11px;border-radius:10px;color:#b0aec7;background:transparent;font-size:.82rem;font-weight:750;white-space:nowrap}
.site-header .nav-scroll:hover{background:rgba(178,136,243,.09);color:#fff}
.site-header .v18-header-tools{margin-left:0;gap:10px;display:flex;flex-shrink:0}
.site-header .order-button{min-width:113px;min-height:44px;padding:7px 11px 6px;border:1px solid var(--v19-border);background:#181a2d;border-radius:12px;box-shadow:none}
.site-header .order-button span{font-size:.75rem;font-weight:850}
.site-header .order-button small{font-size:.69rem}
.site-header .order-button strong{background:var(--v19-green);color:#071d12}
.site-header .order-button:hover{border-color:rgba(151,245,189,.4);background:#23233a}
/* Selector único, panel propio en lugar de menú nativo del SO */
.v19-currency{position:relative;flex:0 0 auto;z-index:105}
.v19-hidden-native{display:none!important}
.v19-currency-trigger{height:44px;min-width:91px;padding:0 12px;display:flex;align-items:center;gap:8px;color:#f1eeff;background:#181a2d;border:1px solid var(--v19-border);border-radius:12px;cursor:pointer;font-size:.83rem;font-weight:900}
.v19-currency-trigger:hover,.v19-currency-trigger[aria-expanded="true"]{border-color:rgba(151,245,189,.48);background:#20243b}
.v19-currency-glyph{font-size:1.18rem;color:var(--v19-green);line-height:1}
.v19-currency-trigger svg{color:#a6a2bf;transition:transform .2s}
.v19-currency-trigger[aria-expanded="true"] svg{transform:rotate(180deg)}
.v19-currency-panel{position:absolute;top:calc(100% + 12px);right:0;width:min(320px,calc(100vw - 26px));max-height:min(520px,75dvh);display:flex;flex-direction:column;background:#141525;border:1px solid rgba(164,146,206,.3);border-radius:18px;box-shadow:0 24px 62px rgba(0,0,0,.55);overflow:hidden;z-index:112}
.v19-popover-heading{display:grid;gap:4px;padding:18px 18px 13px;border-bottom:1px solid rgba(255,255,255,.075)}
.v19-popover-heading strong{font-size:.95rem}
.v19-popover-heading small{font-size:.73rem;color:var(--v19-muted)}
.v19-currency-list{padding:7px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#45405e transparent}
.v19-currency-option{display:grid;grid-template-columns:48px 1fr 20px;align-items:center;gap:9px;width:100%;min-height:44px;padding:6px 10px;border:1px solid transparent;border-radius:10px;text-align:left;background:transparent;color:#e4e2f1;cursor:pointer;font-size:.81rem;font-weight:650}
.v19-currency-option:hover,.v19-currency-option:focus-visible{background:#24263c}
.v19-currency-option[aria-pressed="true"]{background:rgba(142,240,181,.1);border-color:rgba(142,240,181,.28);color:#f9fffa}
.v19-code-badge{display:grid;place-items:center;min-width:45px;height:26px;border-radius:7px;background:#25243d;color:#c8c4e3;font-size:.68rem;font-weight:900}
.v19-currency-option[aria-pressed="true"] .v19-code-badge{color:#0e2119;background:#9bf5bb}
.v19-selected-check{visibility:hidden;color:var(--v19-green);text-align:right;font-weight:900}
.v19-currency-option[aria-pressed="true"] .v19-selected-check{visibility:visible}
.v19-popover-foot{margin:0;padding:12px 16px;border-top:1px solid rgba(255,255,255,.075);color:#a19db6;font-size:.7rem;text-align:center;background:rgba(0,0,0,.12)}
/* Notificaciones con una jerarquía clara */
.v18-notify-root{z-index:104}
.v18-notify-toggle{width:44px;height:44px;border-radius:12px;background:#181a2d;border-color:var(--v19-border)}
.v18-notify-toggle:hover,.v18-notify-toggle[aria-expanded="true"]{background:#23253a;border-color:rgba(151,245,189,.45)}
.v18-notify-count{border:2px solid #101321;background:#ff9863;color:#211109}
.v18-notify-panel{right:-11px;top:calc(100% + 12px);width:min(412px,calc(100vw - 24px));max-height:min(560px,78dvh);border:1px solid rgba(159,146,211,.28);background:#151625;border-radius:19px;box-shadow:0 24px 64px rgba(0,0,0,.52)}
.v18-notify-head{padding:18px 18px 15px;gap:9px}
.v18-notify-head>div{display:grid;gap:4px}
.v19-notice-overline{color:var(--v19-green);font-size:.6rem;font-weight:900;letter-spacing:.12em}
.v18-notify-head strong{font-size:1.12rem;letter-spacing:-.025em}
.v18-notify-head small{color:#9693ad;font-size:.72rem}
.v18-notify-head button{align-self:center;padding:8px;border:1px solid rgba(134,225,173,.25);border-radius:9px;background:rgba(106,183,147,.08);color:#a5f3c5;font-size:.7rem;font-weight:800;text-decoration:none}
.v18-notify-head button:hover:not(:disabled){background:rgba(106,183,147,.15);text-decoration:none}
.v18-notify-head button:disabled{opacity:.45;cursor:default}
.v18-notice{min-height:90px;padding:16px 18px;grid-template-columns:8px minmax(0,1fr);background:transparent}
.v18-notice:hover{background:rgba(160,138,225,.06)}
.v18-notice-dot{margin-top:5px;background:#a789f9;box-shadow:0 0 10px rgba(181,143,255,.45)}
.v18-notice strong{font-size:.87rem;font-weight:850}
.v18-notice p{font-size:.78rem;line-height:1.55;max-width:42ch;color:#b6b3cc;margin:6px 0}
.v18-notice small{color:#8d8aa6;font-size:.7rem}
.v18-notice.is-read{opacity:.75}
.v18-notice.is-read .v18-notice-dot{opacity:0}
.v18-notify-empty{margin:0;padding:35px 20px;color:#a9a8be}
.v18-notify-footer{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;background:#11121e;color:#9290a7;letter-spacing:.015em}
.v18-notify-footer span{color:var(--v19-green)}
/* Catálogo editorial: cuadros con igual altura, botones estables y tipografía limpia */
#catalogo{padding:78px 0 85px;background:linear-gradient(180deg,rgba(57,38,91,.06),transparent 34%)}
#catalogo>.container{width:min(1300px,calc(100% - 44px))}
#catalogo .section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end;margin-bottom:25px}
#catalogo .catalog-heading h2{font-size:clamp(2.15rem,3.1vw,3.15rem);font-weight:900;letter-spacing:-.05em;text-wrap:balance;margin:10px 0 12px;line-height:1.09}
#catalogo .catalog-heading p{color:#a9a9c3;font-size:.9rem;line-height:1.6;max-width:580px}
#catalogo .catalog-heading .eyebrow{color:var(--v19-green);font-size:.72rem;letter-spacing:.145em}
.v19-heading-dot{color:var(--v19-green)}
#catalogo .catalog-tools{display:grid;grid-template-columns:minmax(190px,265px) 165px;gap:12px;align-items:end}
#catalogo .catalog-tools label{display:grid;gap:7px}
#catalogo .catalog-tools label>span{font-size:.68rem;letter-spacing:.095em;font-weight:850;color:#aaa6c1}
#catalogo .catalog-tools input,#catalogo .catalog-tools select{height:44px;border-radius:11px;width:100%!important;background:#16182a;color:#f7f5ff;border:1px solid rgba(158,147,199,.24);box-shadow:none;padding-inline:13px;font-size:.8rem}
#catalogo .catalog-tools :is(input,select):focus{border-color:rgba(151,245,189,.6);outline:none;box-shadow:0 0 0 2px rgba(151,245,189,.10)}
#catalogo .category-directory{margin:0 0 24px;padding:17px 19px 14px;background:linear-gradient(150deg,rgba(27,24,45,.94),rgba(19,21,36,.98));border:1px solid rgba(155,146,200,.22);border-radius:18px;box-shadow:0 14px 30px rgba(0,0,0,.10)}
#catalogo .category-directory-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
#catalogo .category-directory-head>div{display:grid;gap:3px}
#catalogo .category-directory-head strong{color:#f4f0fc;font-size:.83rem;font-weight:900}
#catalogo .category-directory-head small{color:#89899f;font-size:.69rem}
.v19-product-count{display:inline-flex;align-items:center;border:1px solid rgba(150,142,200,.22);border-radius:999px;padding:6px 10px;background:rgba(255,255,255,.025);color:#aaa9c1;font-size:.71rem;font-weight:800;white-space:nowrap}
#catalogo #categoryFilters{display:flex;flex-wrap:wrap;gap:7px;margin:0}
#catalogo #categoryFilters .chip{min-height:38px;padding:8px 13px;border-radius:9px;border:1px solid rgba(138,135,183,.17);background:#1b1b31;color:#bcb9d3;font-size:.73rem;font-weight:750}
#catalogo #categoryFilters .chip.active{border-color:rgba(153,246,191,.35);background:rgba(126,223,168,.12);color:#b9ffd5;box-shadow:inset 0 0 0 1px rgba(153,246,191,.03)}
#catalogo #categoryFilters .chip:hover{border-color:rgba(158,137,212,.48);color:#fff}
#catalogo .product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:18px;grid-auto-rows:1fr}
#catalogo .product-card{display:flex;flex-direction:column;height:100%;min-width:0;background:#151728;border:1px solid rgba(159,148,202,.21);border-radius:20px;overflow:hidden;box-shadow:var(--v19-shadow);transition:border-color .25s,transform .25s,box-shadow .25s}
#catalogo .product-card[hidden]{display:none!important}
#catalogo .product-card:hover,#catalogo .product-card:focus-within{transform:translateY(-4px);border-color:rgba(154,126,227,.52);box-shadow:0 24px 50px rgba(0,0,0,.32)}
#catalogo .product-media{height:auto;aspect-ratio:1.5/1;border-bottom:1px solid rgba(255,255,255,.065);background:#171627;flex:0 0 auto}
#catalogo .product-media>img{object-fit:cover;width:100%;height:100%;transition:transform .5s ease}
#catalogo .product-card:hover .product-media>img{transform:scale(1.025)}
#catalogo .product-card .badge{font-size:.64rem;border-radius:7px;padding:6px 9px}
#catalogo .product-card .stock-pill{font-size:.64rem;padding:7px 9px;border-radius:8px;line-height:1;right:11px;top:11px}
#catalogo .product-body{padding:17px 16px 15px;display:flex;flex-direction:column;flex:1;gap:0}
#catalogo .product-code-row{margin:0 0 10px;min-height:24px;gap:8px}
#catalogo .product-sku{background:rgba(123,244,166,.07);border-color:rgba(135,234,179,.16);color:#b8f7d2;font-size:.65rem;letter-spacing:.035em;padding:5px 8px}
#catalogo .sku-label{font-size:.65rem;color:#777c97}
#catalogo .product-meta{font-size:.67rem;color:#aa9bcb;letter-spacing:.06em;line-height:1.4;margin:0 0 7px;text-transform:uppercase}
#catalogo .v19-meta-sep{margin-inline:4px;color:#73718d}
#catalogo .product-body h3{font-size:1.08rem;min-height:2.52em;line-height:1.26;margin:0 0 8px;font-weight:900;color:#f7f6ff;letter-spacing:-.018em}
#catalogo .service-type{font-size:.78rem;line-height:1.45;color:#c7c1da;margin:0 0 8px}
#catalogo .description{font-size:.77rem;color:#9795b1;line-height:1.5;min-height:3em;margin:0 0 12px}
#catalogo .availability-line{font-size:.68rem;font-weight:750;color:#a8f3c1;margin:0 0 12px}
#catalogo .product-footer{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px;margin:auto 0 14px;padding-top:13px;border-top:1px solid rgba(157,151,191,.13);min-height:60px}
.v19-price-group{display:grid;gap:2px}
.v19-price-group small{color:#8d8aa8;font-size:.64rem;font-weight:700;letter-spacing:.025em}
#catalogo .price{font-size:clamp(1.15rem,1.7vw,1.42rem);font-weight:950;letter-spacing:-.025em;line-height:1.25;overflow-wrap:anywhere}
#catalogo .qty-control{height:36px;border-radius:10px;border:1px solid rgba(158,149,200,.23);background:#0d1020;flex-shrink:0}
#catalogo .qty-control button{height:34px;width:30px;background:none}
#catalogo .qty-input{height:34px;background:transparent;width:30px}
#catalogo .product-actions{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:8px;margin:0}
#catalogo .product-actions .btn{min-height:42px;padding:10px 8px;font-size:.76rem;line-height:1.2;border-radius:10px}
#catalogo .product-actions .btn.primary{color:#102419;background:linear-gradient(135deg,#8ef4b6,#adffc8);box-shadow:none}
#catalogo .product-actions .btn.ghost{border:1px solid rgba(158,149,200,.26);background:#24243a;color:#f3efff}
#catalogo .product-quick-buy{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-top:10px;min-height:30px;padding:5px;color:#aaf3cc;font-size:.75rem;font-weight:850;text-align:center;background:transparent;border:0;border-radius:8px;cursor:pointer}
#catalogo .product-quick-buy:hover{background:rgba(140,240,183,.07)}
#catalogo .currency-notice{margin:0 0 12px;color:#c2bdce;font-size:.73rem}
/* Modo presentación: atmósfera ligera, imágenes suavizadas, información útil intacta. */
body.live-presentation #catalogo .product-card{background:#121b27;border-color:rgba(134,188,188,.23)}
body.live-presentation #catalogo .product-media>img,body.live-presentation #catalogo .product-placeholder{visibility:visible!important;filter:blur(14px) brightness(.50) saturate(.50)!important;transform:scale(1.10)!important;opacity:.72!important}
body.live-presentation #catalogo .live-neutral-cover{display:flex;z-index:3;overflow:hidden;isolation:isolate;background:linear-gradient(115deg,rgba(13,17,29,.30),rgba(18,23,42,.09) 48%,rgba(12,26,32,.34))}
body.live-presentation #catalogo .live-neutral-cover::before,body.live-presentation #catalogo .live-neutral-cover::after{opacity:.8;filter:blur(25px);animation-duration:17s;z-index:-1}
body.live-presentation #catalogo .v19-live-fog{position:absolute;inset:-20%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 23% 70%,rgba(180,186,225,.30),transparent 43%),radial-gradient(ellipse at 70% 27%,rgba(101,187,178,.19),transparent 45%);filter:blur(24px);animation:v19FogDrift 19s ease-in-out infinite alternate}
@keyframes v19FogDrift{from{transform:translate3d(-7%,5%,0) rotate(-6deg)}to{transform:translate3d(8%,-6%,0) rotate(5deg)}}
body.live-presentation #catalogo .live-neutral-symbol{width:42px;height:42px;background:rgba(149,230,183,.07);border:1px solid rgba(170,242,196,.21);color:#b7f6d1;font-size:1.2rem;box-shadow:none;backdrop-filter:none}
body.live-presentation #catalogo .v19-live-cover-title{font-size:.76rem!important;font-weight:900;line-height:1.2;letter-spacing:.06em;text-transform:uppercase;color:#eef6f7}
body.live-presentation #catalogo .live-neutral-cover small{color:#c0c8d4;font-size:.67rem}
body.live-presentation #catalogo .stock-pill{z-index:5}
body.live-presentation #catalogo .product-body h3{min-height:2.52em}
body.live-presentation #catalogo .product-body h3::after{font-size:1.07rem}
body.live-presentation .live-mode-banner:not([hidden]){display:flex;align-items:center;justify-content:center;gap:22px;background:#182330;color:#d5efec;border-bottom:1px solid rgba(156,221,189,.18);padding:9px 14px}
body.live-presentation .live-mode-banner strong{font-size:.81rem;color:#e0fff0;display:inline-flex;align-items:center;gap:7px}
body.live-presentation .live-mode-banner span{font-size:.76rem}
body.live-presentation .live-mode-banner button{border:1px solid rgba(165,220,195,.3);padding:7px 11px;border-radius:9px;background:#253641;color:#e0fff0;font-weight:800;font-size:.72rem}
.v19-live-pip{display:inline-block;width:7px;height:7px;background:#95f3bc;border-radius:50%;box-shadow:0 0 8px rgba(149,243,188,.65)}
body.live-presentation .live-mode-float{background:#a3f4c7;color:#10271b;box-shadow:0 12px 25px rgba(40,172,105,.2)}
.live-float-wrap{z-index:42}
.live-mode-float{border-radius:13px;box-shadow:0 12px 30px rgba(0,0,0,.28)}
.live-hint{color:#bbb6c8}
/* Ajustes del panel: separaciones y escala coherente */
.admin-page .admin-main{max-width:1280px}
.admin-page .admin-title h1{letter-spacing:-.04em}
.admin-page .settings-card,.admin-page .admin-inventory-panel{border-radius:19px}
.admin-page .settings-jump-links{display:flex;flex-wrap:wrap;gap:8px}
.admin-page .settings-jump-links button{border-radius:10px;font-size:.78rem}
.admin-page .v18-admin-notices{border-radius:19px}
.admin-page .v18-notice-admin-item{border-radius:13px;background:rgba(9,13,25,.52)}
/* Responsive: no más menús diminutos ni tarjetas de 170px con botones comprimidos. */
@media(max-width:1200px){
 .site-header .nav-wrap{gap:12px}
 .site-header .main-nav{gap:0}
 .site-header .nav-scroll{padding:0 8px;font-size:.76rem}
 #catalogo .section-head{grid-template-columns:1fr}
 #catalogo .catalog-tools{justify-content:start;width:max-content;max-width:100%}
 #catalogo .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
 .site-header .nav-wrap{min-height:68px}
 .site-header .main-nav{display:none}
 .site-header .v18-header-tools{margin-left:auto}
 #catalogo .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
 #catalogo .product-body h3{min-height:2.52em}
}
@media(max-width:650px){
 html{scroll-padding-top:75px}
 .site-header .nav-wrap{width:calc(100% - 24px);gap:8px;min-height:62px}
 .site-header .brand{gap:7px}
 .site-header .brand img{width:35px;height:35px}
 .site-header .brand span{font-size:.82rem!important}
 .site-header .v18-header-tools{gap:6px}
 .v19-currency-trigger{height:37px;min-width:74px;padding:0 8px;gap:5px;font-size:.71rem;border-radius:10px}
 .v19-currency-glyph{font-size:.96rem}
 .v18-notify-toggle{width:37px;height:37px;border-radius:10px}
 .v18-notify-toggle svg{width:18px;height:18px}
 .site-header .order-button{min-width:70px;width:70px;min-height:37px;padding:4px;border-radius:10px;gap:3px;display:flex;align-items:center;justify-content:center}
 .site-header .order-button small{display:none}
 .site-header .order-button span{font-size:.66rem}
 .site-header .order-button strong{min-width:19px;height:19px;font-size:.68rem}
 .v19-currency-panel{position:fixed;top:62px;right:10px;max-height:min(480px,calc(100dvh - 80px));width:min(320px,calc(100vw - 20px))}
 .v18-notify-panel{position:fixed;top:62px;right:10px;max-height:min(500px,calc(100dvh - 80px));width:min(390px,calc(100vw - 20px))}
 #catalogo{padding:51px 0 70px}
 #catalogo>.container{width:calc(100% - 24px)}
 #catalogo .catalog-heading h2{font-size:clamp(2rem,8vw,2.48rem)}
 #catalogo .catalog-heading p{font-size:.85rem}
 #catalogo .section-head{gap:17px;margin-bottom:16px}
 #catalogo .catalog-tools{display:grid;grid-template-columns:minmax(0,1fr) 143px;gap:9px;width:100%}
 #catalogo .catalog-tools label{min-width:0}
 #catalogo .catalog-tools :is(input,select){height:43px;width:100%!important}
 #catalogo .category-directory{padding:14px;border-radius:14px;margin-bottom:16px}
 #catalogo .category-directory-head{align-items:center;flex-direction:row}
 #catalogo .category-directory-head small{display:none}
 #catalogo #categoryFilters{gap:6px}
 #catalogo #categoryFilters .chip{min-height:36px;padding:7px 11px;font-size:.71rem}
 #catalogo .product-grid{grid-template-columns:1fr;gap:16px;justify-items:center}
 #catalogo .product-card{width:100%;max-width:460px;border-radius:17px}
 #catalogo .product-media{aspect-ratio:1.6/1}
 #catalogo .product-body{padding:17px}
 #catalogo .product-body h3{min-height:0;font-size:1.18rem}
 #catalogo .description{min-height:0;font-size:.79rem}
 #catalogo .product-footer{display:flex;align-items:center;gap:12px}
 #catalogo .price{font-size:1.44rem}
 #catalogo .product-actions{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
 #catalogo .product-actions .btn{font-size:.78rem;padding:10px 7px}
 body.live-presentation .live-mode-banner:not([hidden]){top:62px;gap:8px;justify-content:space-between}
 body.live-presentation .live-mode-banner>span{display:none}
}
@media(max-width:360px){
 .site-header .brand span{display:none!important}
 .site-header .order-button{width:66px;min-width:66px}
 .v19-currency-trigger{min-width:70px}
}
@media(prefers-reduced-motion:reduce){
 body.live-presentation #catalogo .v19-live-fog{animation:none!important}
 .v19-currency-trigger svg,.v19-currency-option,#catalogo .product-card,#catalogo .product-media>img{transition:none!important}
 #catalogo .product-card:hover{transform:none}
}
/* Mantener el panel del carrito por encima de toda la navegación. */
.site-header{z-index:30}
body.live-presentation .live-mode-banner:not([hidden]){z-index:28}

/* v20.css */
/* SERVIDIS+ V20: catálogo editorial, sin LIVE, tasas automáticas */
:root{--v20-bg:#0b0d17;--v20-surface:#151828;--v20-line:rgba(177,171,214,.19);--v20-text:#f5f6ff;--v20-muted:#a6a9bc;--v20-green:#8cf0b7}
[hidden]{display:none!important}
/* Portada: contraste y respiración alrededor de la oferta */
.hero-grid{align-items:center}
.hero h1{max-width:790px;line-height:1.08;text-wrap:balance}
.hero-actions{align-items:center}
.service-highlights-grid{align-items:stretch}
.highlight-card{height:100%}

/* Cabecera del catálogo */
#catalogo{position:relative;padding:78px 0 92px;background:radial-gradient(ellipse at 6% 4%,rgba(124,69,217,.10),transparent 40%),linear-gradient(180deg,#0b0d17,#0d1020 38%,#0b0d17)}
#catalogo>.container{width:min(1280px,calc(100% - 48px))}
#catalogo .section-head{align-items:end;gap:26px;margin-bottom:20px}
#catalogo .catalog-heading h2{font-size:clamp(2.1rem,3.4vw,3.5rem);max-width:740px;line-height:1.06;letter-spacing:-.055em}
#catalogo .catalog-heading p{color:#a6aabd;font-size:.92rem;line-height:1.55;margin-bottom:0}
#catalogo .catalog-tools{gap:10px}
#catalogo .catalog-tools :is(input,select){border-color:rgba(165,158,200,.27);background:#151829;border-radius:12px;min-height:45px}
#catalogo .category-directory{padding:16px 18px 14px;margin-bottom:22px;border-radius:17px;border:1px solid rgba(154,148,193,.18);background:linear-gradient(125deg,rgba(32,27,51,.75),rgba(18,22,37,.98));box-shadow:0 10px 32px rgba(0,0,0,.10)}
#catalogo .category-directory-head{margin-bottom:13px}
#catalogo #categoryFilters{gap:8px}
#catalogo #categoryFilters .chip{min-height:37px;letter-spacing:0;border-radius:10px;font-size:.78rem;background:#1b1c31}
#catalogo #categoryFilters .chip.active{color:#071a10;background:var(--v20-green);border-color:var(--v20-green);box-shadow:0 8px 18px rgba(72,203,128,.12)}
#catalogo #categoryFilters .chip:hover:not(.active){background:#282640;border-color:rgba(168,152,232,.3)}
#catalogo .currency-notice{display:block;margin:-8px 0 20px;color:#a9b2c1;font-size:.74rem}
#catalogo .currency-notice[hidden]{display:none!important}

/* Producto: una misma altura, sin secciones superpuestas */
#catalogo .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:auto;align-items:stretch;gap:20px}
#catalogo .product-card{display:flex;flex-direction:column;min-width:0;height:100%;border:1px solid var(--v20-line);border-radius:19px;background:linear-gradient(175deg,#19182b 0%,#141725 35%,#121625 100%);box-shadow:0 11px 32px rgba(0,0,0,.14);overflow:hidden;transition:transform .25s ease,border-color .25s,box-shadow .25s}
#catalogo .product-card:hover,#catalogo .product-card:focus-within{transform:translateY(-3px);border-color:rgba(159,126,223,.56);box-shadow:0 21px 45px rgba(0,0,0,.28)}
#catalogo .product-media{position:relative;flex:0 0 auto;aspect-ratio:16/10;background:#0e1421;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.06)}
#catalogo .product-media>img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s cubic-bezier(.2,.75,.2,1),filter .5s}
#catalogo .product-card:hover .product-media>img{transform:scale(1.035)}
#catalogo .product-card .badge{top:12px;left:12px;border-radius:8px;padding:7px 9px;font-size:.64rem;letter-spacing:.03em;z-index:2}
#catalogo .product-card .stock-pill{top:12px;right:12px;border-radius:9px;padding:7px 10px;font-size:.67rem;z-index:2;box-shadow:0 6px 20px rgba(0,0,0,.17)}
#catalogo .v20-media-detail{position:absolute;bottom:12px;right:12px;z-index:3;display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.23);border-radius:999px;background:rgba(15,16,29,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff;padding:8px 12px;font-weight:850;font-size:.75rem;cursor:pointer;transition:background .2s,transform .2s,border-color .2s;box-shadow:0 8px 24px rgba(0,0,0,.20)}
#catalogo .v20-media-detail:hover{background:#25223d;border-color:rgba(165,238,197,.58);transform:translateY(-2px)}
#catalogo .product-body{display:flex;flex-direction:column;flex:1;min-width:0;padding:17px 17px 18px;gap:0}
#catalogo .product-code-row{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;min-height:24px}
#catalogo .product-sku{font-size:.66rem;padding:5px 8px;border-color:rgba(121,229,172,.25);background:rgba(79,168,113,.09);color:#a6f3c4;letter-spacing:.04em}
#catalogo .sku-label{color:#7d809b}
#catalogo .product-meta{color:#ac9ad9;font-size:.69rem;font-weight:800;letter-spacing:.09em;margin:0 0 6px;text-transform:uppercase}
#catalogo .product-body h3{margin:0 0 8px;min-height:2.54em;font-size:1.13rem;line-height:1.27;letter-spacing:-.018em;font-weight:900;color:#faf9ff}
#catalogo .service-type{font-size:.77rem;color:#d1cee3;margin:0 0 9px;line-height:1.45}
#catalogo .description{font-size:.79rem;color:#a2a2bb;min-height:2.9em;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 13px}
#catalogo .availability-line{display:none}
#catalogo .product-footer{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:10px;padding:16px 0 14px;margin:auto 0 0;border-top:1px solid rgba(170,159,206,.13);min-height:80px}
#catalogo .v19-price-group{min-width:0}
#catalogo .v19-price-group small{font-size:.66rem;color:#989ab2;font-weight:800}
#catalogo .price{font-weight:950;font-size:clamp(1.1rem,1.8vw,1.43rem);line-height:1.3;white-space:normal;overflow-wrap:anywhere}
#catalogo .qty-control{display:flex;align-items:center;flex-shrink:0;height:37px;background:#101322;border-radius:11px;border:1px solid rgba(160,152,193,.25)}
#catalogo .qty-control button{height:35px;width:29px;border:0;background:transparent;color:#edeafb}
#catalogo .qty-input{width:31px;height:35px;background:transparent;color:#fff}
#catalogo .product-actions{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:9px;margin-top:auto}
#catalogo .product-actions .btn{min-height:43px;min-width:0;padding:10px 8px;border-radius:11px;font-size:.80rem;font-weight:900;line-height:1.2;white-space:normal}
#catalogo .product-actions .btn.primary{color:#0a2317;border:1px solid transparent;background:linear-gradient(125deg,#8ef6b9,#b0ffc9);box-shadow:0 8px 21px rgba(73,183,111,.09)}
#catalogo .product-actions .btn.ghost{color:#f3f4ff;background:#222439;border:1px solid rgba(165,155,203,.27)}
#catalogo .product-actions .btn.ghost:hover{background:#30334a;border-color:rgba(165,238,197,.4)}
#catalogo .product-card button:disabled{opacity:.48;cursor:not-allowed}
#catalogo .product-card .product-placeholder{width:100%;height:100%;background:radial-gradient(circle at 50% 46%,rgba(136,77,218,.3),transparent 46%),linear-gradient(145deg,#201c32,#141927)}
#catalogo .product-card .product-placeholder span{font-size:4rem;line-height:1}

/* Monedas calculadas desde servicio externo: indicar fecha/caducidad */
.v19-currency-panel{width:min(338px,calc(100vw - 24px))}
.v19-currency-option{min-height:42px}
.v19-popover-foot{line-height:1.5}
.v20-exchange-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:15px}
.v20-exchange-panel>div{display:grid;gap:7px;padding:16px;border:1px solid rgba(153,144,203,.2);background:#131727;border-radius:14px;min-width:0}
.v20-exchange-panel strong{font-size:.73rem;color:#a2a2bc}
.v20-exchange-panel span{font-size:.91rem;color:#effcf4;font-weight:800}

@media(max-width:1260px){#catalogo .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:960px){#catalogo .section-head{grid-template-columns:1fr}#catalogo .catalog-tools{justify-content:start}#catalogo .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#catalogo .product-body h3{min-height:2.54em}.v20-exchange-panel{grid-template-columns:1fr}}
@media(max-width:640px){
 #catalogo{padding:50px 0 72px}
 #catalogo>.container{width:calc(100% - 28px)}
 #catalogo .section-head{gap:17px}
 #catalogo .catalog-heading h2{font-size:clamp(2rem,8.2vw,2.65rem)}
 #catalogo .catalog-tools{grid-template-columns:minmax(0,1fr) minmax(120px,142px);width:100%;gap:9px}
 #catalogo .catalog-tools label{min-width:0}
 #catalogo .catalog-tools :is(input,select){min-width:0;width:100%!important}
 #catalogo .category-directory{padding:15px;border-radius:15px;margin-bottom:20px}
 #catalogo .category-directory-head{margin-bottom:11px}
 #catalogo .product-grid{grid-template-columns:1fr;gap:17px;justify-items:stretch}
 #catalogo .product-card{max-width:480px;width:100%;margin:0 auto}
 #catalogo .product-media{aspect-ratio:16/10}
 #catalogo .product-body{padding:18px}
 #catalogo .product-body h3{min-height:0;font-size:1.19rem}
 #catalogo .description{min-height:0}
 #catalogo .product-footer{min-height:78px}
 #catalogo .product-actions .btn{font-size:.83rem;min-height:45px}
}
@media(max-width:360px){#catalogo .product-actions .btn{font-size:.77rem}#catalogo .product-body{padding:14px}#catalogo .v20-media-detail{padding:7px 10px}}
@media(prefers-reduced-motion:reduce){#catalogo .product-card,#catalogo .product-media>img,#catalogo .v20-media-detail{transition:none!important}#catalogo .product-card:hover{transform:none}}

/* v21-overrides.css */
/* SERVIDIS + V21 · sistema visual unificado. Ultima capa de las reglas legadas. */
:root {
 --v21-bg:#090c16; --v21-card:#15192a; --v21-edge:rgba(167,172,209,.17);
 --v21-green:#a0f7c3; --v21-purple:#a88cff; --v21-text:#f5f6ff; --v21-sub:#a9b0c8;
}
html{scroll-padding-top:96px}
body{background:radial-gradient(ellipse at 14% 1%,rgba(68,40,110,.23),transparent 33%),radial-gradient(ellipse at 95% 18%,rgba(33,85,79,.13),transparent 38%),var(--v21-bg);color:var(--v21-text)}
button,input,select{accent-color:#9df2bb}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #b1fbd4;outline-offset:3px}
.site-header{background:rgba(9,12,21,.92);border-bottom:1px solid rgba(255,255,255,.07);box-shadow:none}
.nav-wrap{min-height:72px;gap:18px}
.brand img{width:44px;height:44px;border-radius:14px}
.main-nav{gap:9px}
.main-nav button{padding:11px 12px;font-size:.85rem;font-weight:750;color:#b6bdd3;border-radius:11px}
.main-nav button:hover{background:#1b2031;color:#fff}
.order-button{background:linear-gradient(140deg,#94f0b7,#b8f9cb);border-color:transparent;color:#0a291b;border-radius:13px;display:flex;align-items:center;gap:10px;padding:10px 14px}
.order-button strong{color:#eafbf1;background:#133e2b}
.order-button small{display:none}
.hero{padding:68px 0 54px}
.hero-grid{gap:56px;align-items:center;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.hero h1{font-size:clamp(2.9rem,5.5vw,5.3rem);max-width:740px;line-height:1.04;letter-spacing:-.06em;text-wrap:balance}
.hero p{max-width:560px;color:#b6b9ca;font-size:1.05rem;line-height:1.75}
.hero-kicker{border-radius:999px;background:rgba(25,47,42,.38);border:1px solid rgba(105,234,166,.18);font-size:.69rem;letter-spacing:.13em}
.hero-actions{gap:10px;margin:27px 0 19px}
.hero-actions .btn{padding:13px 19px;border-radius:12px}
.trust-row{gap:13px;color:#a2adba;font-size:.79rem}
.trust-row span::before{font-weight:900}
.hero-card.pro-hero-card.v12-showcase{background:linear-gradient(140deg,rgba(37,29,63,.82),rgba(15,20,34,.98));border-color:rgba(168,144,217,.23);border-radius:25px;box-shadow:0 16px 60px rgba(0,0,0,.19);padding:24px;min-height:auto;gap:18px}
.v12-showcase .showcase-services{gap:9px}
.v12-showcase .showcase-services>div{border-radius:14px;background:rgba(255,255,255,.025);min-height:90px;padding:14px 10px}
.v12-showcase .showcase-bottom{padding-top:16px}
.platform-v15-section{padding-top:10px;padding-bottom:18px}
.platform-v15-header h2{font-size:clamp(1.6rem,2.5vw,2.25rem)}
.platform-v15-section .platform-v15-card{border-color:rgba(190,186,228,.15)}

/* Catálogo: una sola zona de filtro y una acción principal por producto */
#catalogo{padding:68px 0 80px;background:linear-gradient(180deg,rgba(18,21,37,.56),rgba(9,12,22,0));border-top:1px solid rgba(255,255,255,.04)}
#catalogo>.container{width:min(1240px,calc(100% - 44px))}
#catalogo .catalog-heading h2{font-size:clamp(2.1rem,3.6vw,3.35rem);max-width:660px}
#catalogo .catalog-heading p{font-size:.90rem;max-width:600px}
#catalogo .section-head{align-items:end;margin-bottom:18px}
#catalogo .catalog-tools{gap:10px;align-items:end}
#catalogo .catalog-tools .search-box{position:relative}
#catalogo .catalog-tools :is(input,select){background:#151a2b;border-color:rgba(163,171,206,.19);border-radius:11px;min-height:44px}
#catalogo .category-directory{background:transparent;padding:4px 0 18px;margin:0 0 19px;box-shadow:none;border:0;border-bottom:1px solid rgba(169,174,201,.14);border-radius:0}
#catalogo .category-directory-head{margin-bottom:10px}
#catalogo .category-directory-head strong{font-size:.86rem}
#catalogo .category-directory-head small{display:none}
#catalogo .chips{margin:0}
#catalogo .chips .chip{border:1px solid rgba(162,171,207,.18);background:#171b2b;border-radius:11px;font-size:.8rem;min-height:39px;padding:9px 14px}
#catalogo .chips .chip.active{background:#94f1ba;color:#082218}
#catalogo .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch;grid-auto-rows:auto}
#catalogo .product-card{display:flex;flex-direction:column;height:100%;background:linear-gradient(175deg,#171a2b,#111624);border:1px solid var(--v21-edge);border-radius:19px;box-shadow:0 14px 28px rgba(0,0,0,.14);overflow:hidden;min-width:0}
#catalogo .product-card:hover,#catalogo .product-card:focus-within{border-color:rgba(153,225,181,.41);box-shadow:0 22px 46px rgba(0,0,0,.23)}
#catalogo .product-card[hidden]{display:none!important}
#catalogo .product-media{aspect-ratio:1.55;min-height:0;border-bottom:1px solid rgba(255,255,255,.05);background:radial-gradient(ellipse at 50% 35%,#27344f,#151825)}
#catalogo .product-media img{object-fit:cover}
#catalogo .product-media .badge{top:10px;left:10px;background:#8b70f4;color:white;font-size:.60rem}
#catalogo .product-media .stock-pill{top:auto;bottom:11px;left:11px;right:auto;padding:6px 9px;background:rgba(9,44,27,.9);border:1px solid rgba(143,246,171,.2);font-size:.64rem}
#catalogo .product-media .stock-pill.out{background:rgba(60,21,32,.96);color:#ffb0bb}
#catalogo .product-body{padding:16px 16px 17px;gap:0;flex:1}
#catalogo .product-meta{font-size:.69rem;color:#a2a9bd;margin:0 0 8px}
#catalogo .product-body h3{font-size:1.1rem;line-height:1.29;min-height:2.56em;margin:0 0 8px;font-weight:850;letter-spacing:-.025em}
#catalogo .product-code-row{margin:0 0 12px;min-height:unset}
#catalogo .product-sku{font-size:.64rem;letter-spacing:.02em;padding:5px 8px;border-radius:7px}
#catalogo .service-type{font-size:.82rem;color:#c3b8d9;margin:0 0 10px;min-height:1.4em}
#catalogo .description{color:#98a0b6;font-size:.80rem;line-height:1.55;min-height:3.15em;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#catalogo .product-footer{min-height:66px;margin:auto 0 0;padding:12px 0;border-top:1px solid rgba(255,255,255,.07);gap:8px}
#catalogo .v19-price-group small{font-size:.65rem;letter-spacing:.03em;font-weight:700;color:#9ca3bc}
#catalogo .price{color:#f9faff;font-size:1.33rem;font-weight:900}
#catalogo .qty-control{background:#0d1220;height:36px;border-radius:10px}
#catalogo .product-actions{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-top:8px}
#catalogo .product-actions .add-cart{padding:12px 10px;min-height:44px;white-space:nowrap;font-size:.81rem;border-radius:10px}
#catalogo .product-actions .v21-details{background:transparent;color:#bbb2ec;border:0;padding:8px 3px;cursor:pointer;font-size:.77rem;font-weight:800;white-space:nowrap}
#catalogo .product-actions .v21-details:hover{text-decoration:underline;color:#e4dfff}
.v21-favorite{position:absolute;top:10px;right:10px;border:1px solid rgba(255,255,255,.26);background:rgba(11,16,27,.75);backdrop-filter:blur(8px);width:34px;height:34px;border-radius:10px;color:#fff;font-size:1.25rem;cursor:pointer;z-index:4;display:grid;place-items:center;line-height:1}
.v21-favorite[aria-pressed="true"]{color:#ff88a5;background:rgba(59,25,48,.87);border-color:rgba(255,136,165,.36)}
.v21-variants{display:grid;gap:6px;margin:0 0 12px;color:#b2b9ca;font-size:.73rem;font-weight:750}
.v21-variants select{width:100%;max-width:100%;min-width:0;background:#0d1424;color:#f8f9ff;border:1px solid rgba(170,168,212,.28);border-radius:10px;padding:10px 12px;font-size:.80rem;overflow:hidden;text-overflow:ellipsis}
.v21-suggestions:not([hidden]){position:absolute;z-index:35;top:calc(100% + 6px);left:0;right:0;background:#191d30;border:1px solid rgba(164,164,201,.24);border-radius:12px;box-shadow:0 24px 50px rgba(0,0,0,.36);padding:5px;max-height:245px;overflow-y:auto}
.v21-suggestions button{display:block;width:100%;padding:10px 12px;text-align:left;color:#e8e7fb;border:0;background:transparent;border-radius:8px;cursor:pointer;font-size:.83rem}
.v21-suggestions button:hover{background:#28263e}
#catalogo .empty-state{background:#151a28;border:1px solid rgba(170,173,202,.16);border-radius:18px}

/* Secciones de información, sin bloques promocionales repetidos */
.v21-how{display:flex;align-items:center;gap:24px;padding:28px 28px;border:1px solid rgba(150,158,200,.18);border-radius:22px;background:linear-gradient(110deg,#171c2c,#17202d);margin:12px auto 45px}
.v21-how-heading{flex:0 0 28%;min-width:0}
.v21-how-heading h2{font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.15;margin:7px 0 0;letter-spacing:-.035em}
.v21-how p{flex:1;color:#afb6c8;font-size:.89rem;line-height:1.6;margin:0}
.v21-how .btn{flex-shrink:0}
.payments-section{padding:65px 0;background:#0d101d}
.payments-layout{grid-template-columns:minmax(0,340px) 1fr;gap:22px}
.payments-intro-card{position:static;box-shadow:none;background:transparent;border:none;padding:10px 10px 10px 0}
.payments-intro-card h2{font-size:2rem}
.payments-intro-card p{font-size:.91rem}
.payment-security-note{min-width:0;border-color:rgba(120,224,159,.17)}
.payment-public-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.payment-public-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;min-height:176px;padding:18px;border-radius:18px;box-shadow:none}
.payment-public-card .payment-mark{width:50px;height:50px}
.payment-public-card .payment-card-state,.payment-public-card .payment-card-arrow{display:none}
.payment-public-card .payment-card-copy strong{font-size:1rem}
.payment-public-card::after{display:none}
.faq-section{padding:55px 0}
.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.faq-grid details{border-color:rgba(167,163,204,.19);background:#141726}
.site-footer{border-top:1px solid rgba(157,159,191,.15);background:#090c14}
.whatsapp-float .wa-bubble{display:none}
.whatsapp-float .wa-icon{width:56px;height:56px;border-radius:18px}
.whatsapp-float .wa-pulse{width:56px;height:56px}

/* Administrador más funcional */
.admin-page{background:#0b0e18}
.admin-sidebar{background:#111524;border-right:1px solid rgba(164,169,196,.15)}
.admin-sidebar .sidebar-brand{padding-bottom:30px}
.admin-topbar{border-bottom:1px solid rgba(160,163,194,.15);background:#101421}
.admin-title h1{font-size:clamp(2.25rem,3.4vw,3.55rem);letter-spacing:-.055em}
.admin-title p{max-width:610px}
.admin-main{padding-top:40px;padding-bottom:70px}
.stat-grid{gap:14px;margin-bottom:22px}
.stat-card{border:1px solid rgba(169,166,204,.16);border-radius:17px;background:linear-gradient(165deg,#181e2d,#131827);box-shadow:none;padding:20px}
.admin-inventory-panel{border:1px solid rgba(157,165,199,.16);background:#131726;border-radius:21px;box-shadow:none;overflow:visible}
.admin-list-heading{padding:24px 26px}
.admin-filters{padding:0 26px 20px}
.admin-table-wrap{overflow:visible}
.admin-table{border-collapse:separate;border-spacing:0}
.admin-table th{background:#191d2d;color:#aab2cb;font-size:.7rem;letter-spacing:.1em}
.admin-table td{border-bottom:1px solid rgba(157,160,195,.1)}
.admin-table tbody tr:hover{background:rgba(171,167,211,.045)}
.admin-table .table-product strong{font-size:.88rem}
.v21-row-actions{display:flex;gap:8px;align-items:center;justify-content:flex-start;position:relative;flex-wrap:nowrap}
.v21-edit-link{border:1px solid rgba(162,233,185,.24);background:#153024;color:#a7f4c7;padding:8px 12px;border-radius:9px;font-size:.79rem;font-weight:850;text-decoration:none}
.v21-actions-menu{position:relative}
.v21-actions-menu summary{cursor:pointer;list-style:none;background:#24283b;border:1px solid rgba(158,159,205,.2);border-radius:9px;width:35px;height:35px;display:grid;place-items:center;font-size:1.3rem;line-height:1}
.v21-actions-menu summary::-webkit-details-marker{display:none}
.v21-actions-popover{position:absolute;z-index:20;right:0;top:calc(100% + 5px);min-width:176px;padding:6px;border:1px solid rgba(172,178,211,.2);border-radius:12px;background:#202338;box-shadow:0 20px 38px rgba(0,0,0,.44)}
.v21-actions-popover form{margin:0}
.v21-actions-popover button{width:100%;padding:10px 11px;text-align:left;cursor:pointer;border:0;border-radius:8px;color:#eae8f4;background:transparent;font-size:.77rem;white-space:nowrap}
.v21-actions-popover button:hover{background:#313651}
.v21-actions-popover .danger-link{color:#ffa8b7}
.v21-activity{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:30px;padding:27px 28px;margin-top:25px;border:1px solid rgba(161,165,197,.17);border-radius:20px;background:#131829}
.v21-activity h2{margin:8px 0;font-size:1.45rem}
.v21-activity p{color:#a3adc5;margin:0;font-size:.86rem}
.v21-activity ol{padding:0;margin:0;list-style:none;display:grid;gap:3px}
.v21-activity li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid rgba(161,165,197,.12);font-size:.81rem}
.v21-activity li:last-child{border-bottom:0}
.v21-activity li strong{font-weight:750}
.v21-activity li span{color:#9da6bc;font-variant-numeric:tabular-nums}
.product-edit-form section,.settings-card{border:1px solid rgba(158,166,199,.17);border-radius:20px;background:#151a29}

@media(max-width:1250px){#catalogo .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.payments-layout{grid-template-columns:1fr}.payment-public-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr}.hero-card.pro-hero-card.v12-showcase{max-width:730px}.main-nav{display:none}.v21-how{flex-wrap:wrap}.v21-how-heading{flex:0 0 100%}#catalogo .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v21-activity{grid-template-columns:1fr}.admin-table-wrap{overflow-x:auto}.payment-public-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){
 .site-header .nav-wrap{min-height:64px;gap:8px}
 .hero{padding:42px 0 40px}
 .hero h1{font-size:clamp(2.35rem,9vw,3.8rem)}
 .hero-card.pro-hero-card.v12-showcase{padding:18px}
 #catalogo{padding:50px 0 60px}
 #catalogo>.container{width:calc(100% - 26px)}
 #catalogo .section-head{gap:18px}
 #catalogo .catalog-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,128px);width:100%}
 #catalogo .catalog-tools label{min-width:0}
 #catalogo .catalog-tools :is(input,select){min-width:0;width:100%}
 #catalogo .product-grid{grid-template-columns:1fr;gap:14px}
 #catalogo .product-card{width:100%;max-width:460px;margin:auto}
 #catalogo .product-media{aspect-ratio:1.85}
 #catalogo .product-body h3{min-height:0}
 .v21-how{padding:22px;margin:5px auto 35px;gap:12px}
 .v21-how p{flex-basis:100%}
 .v21-how .btn{width:100%}
 .payment-public-grid{grid-template-columns:1fr}
 .payment-public-card{min-height:90px;flex-direction:row;align-items:center;justify-content:flex-start}
 .payment-public-card .payment-mark{flex-shrink:0}
 .faq-grid{grid-template-columns:1fr}
 .v21-actions-popover{right:auto;left:0}
 .admin-main{padding-top:26px}
 .admin-inventory-panel{overflow:hidden}
 .v21-activity{padding:19px}
 .v21-activity li{align-items:flex-start;flex-direction:column;gap:5px}
}
@media(prefers-reduced-motion:reduce){.v21-favorite,.product-card,.payment-public-card{transition:none!important}}

.v21-admin-group{color:#a5f0c1!important;font-size:.72rem!important}

/* Modal de vista previa del producto (panel administrador). */
.v21-preview-modal{width:min(440px,calc(100vw - 28px));max-height:calc(100dvh - 30px);padding:0;background:#151929;color:#f4f5ff;border:1px solid rgba(165,166,218,.3);border-radius:20px;box-shadow:0 32px 80px rgba(0,0,0,.66);overflow:auto}
.v21-preview-modal::backdrop{background:rgba(0,0,0,.73);backdrop-filter:blur(4px)}
.v21-preview-top{padding:17px 20px;display:flex;justify-content:space-between;align-items:center}
.v21-preview-top button{width:34px;height:34px;background:#272b3e;border:0;color:white;border-radius:9px;font-size:1.4rem;cursor:pointer}
.v21-preview-picture{height:210px;display:grid;place-items:center;background:radial-gradient(ellipse at 40% 35%,#3b2962,#141b2e)}
.v21-preview-picture img{width:100%;height:100%;object-fit:cover}
.v21-preview-picture span{font-size:6rem;font-weight:950;color:#dac7ff}
.v21-preview-body{padding:22px;display:grid;gap:8px}
.v21-preview-body h2{margin:2px 0 0;font-size:1.5rem}
.v21-preview-body p{margin:0;color:#abb2c7;font-size:.88rem}
.v21-preview-body .v21-preview-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-top:16px;border-top:1px solid rgba(164,165,209,.2);margin-top:8px}
.v21-preview-bottom strong{font-size:1.5rem}
.v21-preview-bottom span{color:#9cf2b6;font-weight:800;font-size:.84rem}
.v21-preview-body .v21-preview-notice{font-size:.73rem;opacity:.8;margin-top:6px}


/* V22 fixes: detalle profesional y carrito visible */
body.drawer-open,body.detail-open,body.modal-open{overflow:hidden}
.cart-drawer{z-index:180}
.drawer-backdrop{z-index:170}
#cartItems{scrollbar-width:thin;scrollbar-color:rgba(146,120,221,.55) transparent}
#cartItems::-webkit-scrollbar{width:8px}#cartItems::-webkit-scrollbar-thumb{background:rgba(146,120,221,.45);border-radius:999px}
.floating-cart-button{position:fixed;right:18px;bottom:max(18px,calc(env(safe-area-inset-bottom) + 16px));z-index:165;display:flex;align-items:center;gap:10px;border:1px solid rgba(126,244,179,.25);background:linear-gradient(135deg,rgba(28,30,51,.96),rgba(17,20,33,.98));color:#fff;border-radius:18px;padding:11px 14px;box-shadow:0 22px 48px rgba(0,0,0,.32),0 0 0 1px rgba(124,243,176,.04);backdrop-filter:blur(16px);cursor:pointer;min-width:164px;transition:transform .25s ease,border-color .25s ease,opacity .25s ease}
.floating-cart-button:hover{transform:translateY(-2px);border-color:rgba(128,244,180,.48)}
.floating-cart-button .floating-cart-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#86f5b6,#71e2a2);color:#082116;font-size:1.15rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.floating-cart-copy{display:grid;line-height:1.05;text-align:left}.floating-cart-copy strong{font-size:.92rem}.floating-cart-copy small{font-size:.76rem;color:#aeb7c9}.floating-cart-count{min-width:28px;height:28px;padding:0 8px;border-radius:999px;display:grid;place-items:center;background:#1c5137;color:#dffded;font-weight:900;font-size:.82rem}.floating-cart-button:not(.has-items) .floating-cart-count{background:#2d3044;color:#d0d7e4}.floating-cart-button:not(.has-items) .floating-cart-copy small{color:#8f97a9}
@media(min-width:981px){.floating-cart-button{min-width:176px}}
@media(max-width:780px){.floating-cart-button{display:flex}}
@media(max-width:560px){.floating-cart-button{right:12px;left:12px;bottom:max(12px,calc(env(safe-area-inset-bottom) + 10px));border-radius:16px;padding:10px 12px;min-width:0}.floating-cart-copy strong{font-size:.89rem}.floating-cart-copy small{font-size:.73rem}.floating-cart-button .floating-cart-icon{width:40px;height:40px}.cart-drawer{left:0;right:0;top:auto;bottom:0;width:100%;height:min(84dvh,760px);border-left:0;border-top:1px solid rgba(139,115,220,.32);border-radius:24px 24px 0 0;transform:translateY(105%)}.cart-drawer.open{transform:translateY(0)}.cart-head{padding:18px 18px 14px}.cart-items{padding:14px 16px}.cart-bottom{padding:16px 16px max(16px,calc(env(safe-area-inset-bottom) + 10px))}}
.v16-detail-backdrop{padding:clamp(12px,2vw,26px);background:rgba(4,7,15,.78)}
.v16-detail-modal{width:min(980px,100%);max-height:min(92dvh,860px);grid-template-columns:minmax(300px,390px) minmax(0,1fr);overflow:hidden;border-radius:28px;border:1px solid rgba(155,143,218,.26);background:linear-gradient(160deg,#171c2d,#0e1220 58%,#101423 100%);box-shadow:0 28px 90px rgba(0,0,0,.58)}
.v16-detail-media{position:relative;isolation:isolate;min-height:380px;padding:24px;background:radial-gradient(circle at 30% 20%,rgba(94,133,242,.18),transparent 34%),radial-gradient(circle at 70% 70%,rgba(102,235,173,.14),transparent 35%),linear-gradient(155deg,#0f1527,#11172a)}
.v16-detail-media::before{content:"";position:absolute;inset:22px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);z-index:-1}
.v16-detail-media img{width:100%;height:100%;max-height:430px;object-fit:contain;object-position:center;padding:14px;border-radius:20px;background:transparent;filter:drop-shadow(0 18px 28px rgba(0,0,0,.24))}
.v16-detail-placeholder{width:100%;height:100%;display:grid;place-items:center;font-size:7rem;font-weight:950;color:#d7c6ff;background:radial-gradient(circle at 50% 45%,rgba(140,106,237,.18),transparent 40%)}
.v16-detail-copy{padding:28px 26px 24px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.v16-detail-copy .eyebrow{margin-bottom:-4px}
.v16-detail-copy h2{margin:0 40px 0 0;font-size:clamp(1.55rem,2vw,2.1rem)}
.v16-detail-code{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(117,243,167,.09);border:1px solid rgba(117,243,167,.18);font-size:.76rem!important;font-weight:900;letter-spacing:.04em;color:#98f5bf!important}
#v16DetailInfo{display:flex;flex-wrap:wrap;gap:8px;font-size:.9rem;color:#d6deee;background:rgba(255,255,255,.03);padding:12px 14px;border:1px solid rgba(255,255,255,.05);border-radius:16px;width:100%}
#v16DetailDescription{width:100%;margin:0;color:#b1bbcf;line-height:1.62;background:rgba(9,12,22,.42);border:1px solid rgba(255,255,255,.05);padding:14px 15px;border-radius:18px}
.v16-detail-price{font-size:2rem;margin-top:2px;color:#fff;text-shadow:0 8px 28px rgba(0,0,0,.24)}
.v16-detail-stock{margin-top:-3px;padding:10px 13px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);font-size:.82rem;color:#a5e6bd!important}
.v16-detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:auto;padding-top:6px}.v16-detail-actions .btn{min-height:46px}
@media(max-width:760px){.v16-detail-modal{grid-template-columns:1fr;max-height:92dvh}.v16-detail-media{min-height:220px;max-height:290px;padding:18px}.v16-detail-media::before{inset:16px;border-radius:20px}.v16-detail-media img{max-height:240px;padding:10px}.v16-detail-copy{padding:20px 18px 18px;gap:10px}.v16-detail-actions{grid-template-columns:1fr}.v16-detail-price{font-size:1.72rem}}


/* SERVIDIS + V22.1 — Administrador: desplazamiento sin barra nativa visible.
   Oculta solo el indicador; NO bloquea scroll, rueda, táctil ni teclado. */
html:has(body.admin-page),
body.admin-page,
body.admin-page .admin-sidebar,
body.admin-page .sidebar-menu,
body.admin-page .admin-table-wrap,
body.admin-page .v21-preview-modal,
body.admin-page .v18-notify-list {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
html:has(body.admin-page)::-webkit-scrollbar,
body.admin-page::-webkit-scrollbar,
body.admin-page .admin-sidebar::-webkit-scrollbar,
body.admin-page .sidebar-menu::-webkit-scrollbar,
body.admin-page .admin-table-wrap::-webkit-scrollbar,
body.admin-page .v21-preview-modal::-webkit-scrollbar,
body.admin-page .v18-notify-list::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
}
body.admin-page .admin-sidebar {scrollbar-gutter: auto;}

/* V26 · editor separado para alta de productos */
.product-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.editor-card{display:grid;gap:12px;align-content:start;padding:18px;border:1px solid rgba(158,166,199,.16);border-radius:18px;background:linear-gradient(180deg,rgba(16,20,34,.92),rgba(11,15,26,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.editor-card-top{display:grid;gap:4px}
.editor-card-top strong{font-size:1rem;line-height:1.2;color:#f5f7ff}
.editor-card-top em{font-style:normal;font-size:.78rem;letter-spacing:.02em;color:#91a0bb}
.editor-card textarea{min-height:150px;resize:vertical;line-height:1.58}
.editor-card-summary textarea{min-height:120px}
.editor-card:focus-within{border-color:#8fe9b6;box-shadow:0 0 0 3px rgba(137,242,173,.11),inset 0 1px 0 rgba(255,255,255,.04)}
.editor-card small{color:#8f9ab1!important;line-height:1.5}
@media (max-width:900px){.product-editor-grid{grid-template-columns:1fr}}
@media (max-width:640px){.editor-card{padding:16px;border-radius:16px}.editor-card textarea{min-height:140px}.editor-card-summary textarea{min-height:110px}}


/* V28 — identificación de pagos por marcas reales, sin iniciales decorativas */
.payment-mark.payment-brand,
.payment-public-card .payment-mark.payment-brand,
.payment-admin-title .payment-mark.payment-brand,
.payment-detail-hero .payment-mark.payment-brand{
  display:grid;place-items:center;flex:0 0 auto;width:54px;height:54px;
  min-width:0;max-width:none;border-radius:14px;overflow:hidden;
  padding:7px;box-shadow:inset 0 1px 0 rgba(255,255,255,.17);
  border:1px solid rgba(255,255,255,.11);
}
.payment-mark.payment-brand.yape{background:#fff!important}
.payment-mark.payment-brand.binance{background:#151b27!important}
.payment-mark.payment-brand.paypal{background:#f8fcff!important}
.payment-mark.payment-brand .payment-brand-image{display:block!important;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain!important;object-position:center!important;filter:none!important;opacity:1}
.payment-logo-pill .payment-mark.payment-brand,
.showcase-bottom .payment-mark.payment-brand{width:32px!important;height:32px!important;border-radius:9px;padding:4px}
.payment-public-card .payment-mark.payment-brand{width:54px!important;height:54px!important}
.payment-admin-title .payment-mark.payment-brand{width:52px!important;height:52px!important}
.payment-detail-hero .payment-mark.payment-brand{width:62px!important;height:62px!important;padding:8px}
@media(max-width:620px){.payment-public-card .payment-mark.payment-brand{width:52px!important;height:52px!important}.payment-detail-hero .payment-mark.payment-brand{width:56px!important;height:56px!important}}