/* =========================================================
   LATIN STREAM NIC · REDISEÑO
   Inspirado en la dirección visual de IA-Consciente V1.5
========================================================= */
:root{
  --navy-950:#071827;--navy-900:#0b2239;--navy-800:#123654;--navy-700:#1d4f73;
  --sky-500:#5aa8d8;--sky-400:#78b9e0;--sky-200:#cfe8f6;--sky-100:#eaf6fc;--sky-50:#f5fbfe;
  --red-600:#d92b32;--red-500:#ed3941;--red-100:#fee9ea;
  --white:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;
  --gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-900:#0f172a;
  --green-600:#168a59;--green-100:#e8f7ef;--amber-600:#b66a08;--amber-100:#fff4db;
  --container-width:1220px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:26px;
  --shadow-sm:0 6px 20px rgba(7,24,39,.06);--shadow-md:0 20px 48px rgba(7,24,39,.10);--shadow-lg:0 30px 70px rgba(7,24,39,.14);
  --transition:180ms ease;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{min-height:100vh;background:var(--white);color:var(--gray-700);font-family:"Inter",Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
body.modal-open{overflow:hidden}
img{display:block;max-width:100%;pointer-events:none;-webkit-user-drag:none;user-select:none}
a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}
.protected-img{position:relative;overflow:hidden}.protected-img::after{content:"";position:absolute;inset:0;z-index:3;background:transparent}

/* HEADER */
.site-header{position:fixed;top:0;left:0;z-index:700;width:100%;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(226,232,240,.9);backdrop-filter:blur(14px);transition:box-shadow var(--transition),background var(--transition)}
.site-header.scrolled{background:rgba(255,255,255,.985);box-shadow:0 7px 26px rgba(7,24,39,.07)}
.header-container{width:min(calc(100% - 48px),var(--container-width));min-height:78px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:26px}
.site-brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;text-decoration:none}.brand-symbol{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;background:var(--navy-900);border-radius:10px;color:var(--white);font-size:.95rem;box-shadow:0 7px 18px rgba(11,34,57,.12)}
.brand-content{display:flex;flex-direction:column;line-height:1.12}.brand-content strong{color:var(--navy-950);font-size:1.02rem;font-weight:700;letter-spacing:-.02em}.brand-content strong span{color:var(--red-600)}.brand-content small{margin-top:4px;color:var(--gray-500);font-size:.66rem;font-weight:500}
.main-navigation{display:flex;align-items:center;gap:4px;margin-left:auto}.navigation-link{position:relative;padding:10px 11px;border-radius:9px;color:var(--gray-600);font-size:.82rem;font-weight:600;text-decoration:none;transition:background var(--transition),color var(--transition)}.navigation-link:hover,.navigation-link.active{background:var(--sky-50);color:var(--navy-900)}
.header-actions{display:flex;align-items:center;gap:8px}.currency-change,.cart-toggle{min-height:42px;border:1px solid var(--gray-200);border-radius:10px;background:var(--white);color:var(--navy-900);font-size:.78rem;font-weight:700;transition:.2s}.currency-change{padding:0 13px}.currency-change::before{content:"◉";margin-right:7px;color:var(--sky-500)}.cart-toggle{position:relative;display:flex;align-items:center;gap:7px;padding:0 13px;background:var(--navy-900);border-color:var(--navy-900);color:#fff}.currency-change:hover{border-color:var(--sky-400);background:var(--sky-50)}.cart-toggle:hover{background:var(--navy-800)}.cart-count{min-width:20px;height:20px;padding:0 5px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--red-500);color:#fff;font-size:.66rem}
.mobile-menu-button{display:none;width:42px;height:42px;border:0;background:transparent;padding:8px;flex-direction:column;align-items:center;justify-content:center;gap:5px}.mobile-menu-button span{width:21px;height:2px;border-radius:4px;background:var(--navy-900);transition:.2s}

/* HERO */
.hero-stream{padding-top:78px;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);border-bottom:1px solid var(--gray-200)}
.hero-container{width:min(calc(100% - 48px),var(--container-width));min-height:640px;margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,.88fr);align-items:center;gap:70px;padding:72px 0 60px}
.hero-eyebrow,.section-eyebrow,.welcome-eyebrow{display:flex;align-items:center;gap:10px;color:var(--navy-700);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.hero-eyebrow-line,.section-eyebrow span,.welcome-eyebrow span{width:38px;height:2px;background:var(--sky-500);display:inline-block}
.hero-title{max-width:700px;margin-top:22px;color:var(--navy-950);font-size:clamp(2.8rem,5.2vw,5.1rem);font-weight:700;line-height:1.01;letter-spacing:-.055em}.hero-title span{display:block;color:var(--navy-700)}
.hero-text{max-width:590px;margin-top:27px;color:var(--gray-600);font-size:1.05rem;line-height:1.8}
.hero-actions{display:flex;align-items:center;gap:12px;margin-top:34px}.hero-primary-button,.hero-secondary-button,.support-button{min-height:50px;border-radius:10px;padding:0 19px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:.84rem;font-weight:700;text-decoration:none;transition:.2s}.hero-primary-button{border:1px solid var(--navy-900);background:var(--navy-900);color:#fff}.hero-primary-button:hover{transform:translateY(-2px);background:var(--navy-800)}.hero-secondary-button{border:1px solid var(--gray-200);background:#fff;color:var(--navy-900)}.hero-secondary-button:hover{border-color:var(--sky-400);background:var(--sky-50)}
.hero-topics{margin-top:48px;display:flex;align-items:center;flex-wrap:wrap;gap:13px;color:var(--gray-500);font-size:.72rem;font-weight:600}.hero-topic-separator{width:4px;height:4px;border-radius:50%;background:var(--sky-400)}
.hero-media{position:relative;padding:20px 20px 60px 0}.hero-image-wrapper{position:relative;height:490px;background:var(--gray-100);border-radius:4px 4px 28px 4px;box-shadow:var(--shadow-lg)}.hero-image-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.hero-image-wrapper::before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(7,24,39,.02),rgba(7,24,39,.20));border-radius:inherit}
.hero-media-caption{position:absolute;z-index:5;left:-42px;right:56px;bottom:12px;padding:21px 24px;display:grid;grid-template-columns:auto 1fr;gap:18px;background:rgba(255,255,255,.97);border:1px solid var(--gray-200);box-shadow:var(--shadow-md);border-radius:12px}.media-caption-number{color:var(--sky-500);font-size:.72rem;font-weight:700;letter-spacing:.12em}.hero-media-caption strong{color:var(--navy-950);font-size:.9rem}.hero-media-caption p{margin-top:5px;color:var(--gray-500);font-size:.73rem;line-height:1.55}.hero-media-accent{position:absolute;top:0;right:0;width:76px;height:76px;border-top:2px solid var(--sky-400);border-right:2px solid var(--sky-400)}
.hero-footer{border-top:1px solid var(--gray-200)}.hero-footer-container{width:min(calc(100% - 48px),var(--container-width));min-height:76px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.hero-footer p{color:var(--gray-500);font-size:.76rem}.hero-footer a{display:flex;align-items:center;gap:10px;color:var(--navy-900);font-size:.75rem;font-weight:700;text-decoration:none}

/* CATÁLOGO */
.catalog-shell{padding:96px 0 108px;background:#fff}.section-intro,.container{width:min(calc(100% - 48px),var(--container-width));margin-inline:auto}.section-intro{margin-bottom:58px}.section-intro-grid{margin-top:18px;display:grid;grid-template-columns:1.1fr .8fr;gap:70px;align-items:end}.section-intro h2,.process-heading h2,.support-container h2{color:var(--navy-950);font-size:clamp(2rem,3.8vw,3.25rem);line-height:1.08;letter-spacing:-.04em}.section-intro p,.process-heading p,.support-container p{color:var(--gray-500);font-size:.95rem;line-height:1.75}
.catalog-section{padding:46px 0;border-top:1px solid var(--gray-200)}.catalog-section:first-child{border-top:0;padding-top:0}.catalog-section-header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.catalog-section-header h3{color:var(--navy-950);font-size:1.45rem;letter-spacing:-.03em}.catalog-section-header p{color:var(--gray-500);font-size:.77rem}.catalog-section-count{padding:6px 10px;border:1px solid var(--gray-200);border-radius:999px;color:var(--gray-500);font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{position:relative;min-width:0;overflow:hidden;background:#fff;border:1px solid var(--gray-200);border-radius:14px;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.card:hover{transform:translateY(-5px);border-color:var(--sky-200);box-shadow:var(--shadow-md)}.card>.protected-img{height:210px;background:var(--gray-100);border-bottom:1px solid var(--gray-200)}.card img{width:100%;height:100%;object-fit:cover}.card .info{padding:17px 17px 18px}.card .info p{color:var(--navy-950);font-size:.95rem;font-weight:700}.card .info span{display:block;margin-top:5px;color:var(--gray-500);font-size:.7rem}.card .price{margin-top:15px;color:var(--navy-800);font-size:.84rem;font-weight:700}.card .price::before{content:"";display:inline-block;width:20px;height:2px;background:var(--sky-400);vertical-align:middle;margin-right:8px}.card-discount,.stock-badge{position:absolute;z-index:5;top:12px;left:12px;padding:6px 9px;border-radius:7px;font-size:.62rem;font-weight:800;letter-spacing:.08em}.card-discount{background:var(--red-600);color:#fff}.stock-badge{background:var(--gray-900);color:#fff}.card.out-stock{opacity:.64}.card.out-stock::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.08);pointer-events:none}

/* PROCESO */
.process-section{padding:96px 0;background:var(--navy-950);color:#fff}.process-container{width:min(calc(100% - 48px),var(--container-width));margin-inline:auto}.section-eyebrow.light{color:var(--sky-200)}.process-heading{margin-top:18px;display:grid;grid-template-columns:1.05fr .75fr;gap:70px;align-items:end}.process-heading h2{color:#fff}.process-heading p{color:#adc0d0}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:48px}.process-card{position:relative;min-height:250px;padding:24px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(255,255,255,.045)}.process-card>span{position:absolute;right:18px;top:16px;color:rgba(255,255,255,.20);font-size:.72rem;font-weight:700;letter-spacing:.12em}.process-card>i{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(120,185,224,.14);color:var(--sky-400)}.process-card h3{margin-top:47px;font-size:1rem}.process-card p{margin-top:8px;color:#a9bac8;font-size:.76rem;line-height:1.65}

/* SOPORTE */
.support-section{padding:78px 0;background:var(--sky-50);border-bottom:1px solid var(--gray-200)}.support-container{width:min(calc(100% - 48px),var(--container-width));margin-inline:auto;display:grid;grid-template-columns:1fr auto;gap:60px;align-items:center}.support-container h2{margin-top:17px;max-width:720px}.support-container p{max-width:690px;margin-top:16px}.support-button{background:var(--navy-900);color:#fff;border:1px solid var(--navy-900);white-space:nowrap}.support-button:hover{background:var(--navy-800);transform:translateY(-2px)}

/* SELECTOR DE MONEDA */
.welcome{position:fixed;inset:0;z-index:1200;padding:24px;display:none;align-items:center;justify-content:center;background:rgba(7,24,39,.62);backdrop-filter:blur(12px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}.welcome:not(.hide){display:flex;opacity:1;visibility:visible;pointer-events:auto}.welcome.hide{opacity:0;visibility:hidden;pointer-events:none}.welcome-card{width:min(100%,520px);max-height:calc(100vh - 48px);overflow:auto;padding:30px;background:#fff;border:1px solid var(--gray-200);border-radius:20px;box-shadow:var(--shadow-lg)}.welcome-brand{display:flex;align-items:center;gap:12px;margin-bottom:30px}.welcome-brand>div{display:flex;flex-direction:column}.welcome-brand strong{color:var(--navy-950);font-size:.9rem}.welcome-brand small{color:var(--gray-500);font-size:.67rem}.welcome h2{margin-top:14px;color:var(--navy-950);font-size:1.8rem;line-height:1.15;letter-spacing:-.04em}.welcome> .welcome-card>p{margin-top:10px;color:var(--gray-500);font-size:.78rem}.currency-grid{display:grid;gap:9px;margin-top:24px}.currency-btn{width:100%;min-height:66px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--gray-200);border-radius:11px;background:#fff;color:var(--gray-700);transition:.18s}.currency-btn:hover{border-color:var(--sky-400);background:var(--sky-50);transform:translateX(3px)}.currency-main{display:flex;align-items:center;gap:12px;text-align:left}.currency-symbol{width:39px;height:39px;display:flex!important;align-items:center;justify-content:center;border-radius:9px;background:var(--navy-900);color:#fff!important;font-size:.74rem!important;font-weight:800}.currency-name{color:var(--navy-950)!important;font-size:.79rem!important;font-weight:700}.currency-note{margin-top:2px;color:var(--gray-500)!important;font-size:.64rem!important}.currency-btn>i{color:var(--gray-400)}.welcome-footer{margin-top:18px;padding-top:16px;border-top:1px solid var(--gray-200);color:var(--gray-500);font-size:.67rem}.welcome-footer i{margin-right:6px;color:var(--sky-500)}

/* PROMO POPUP */
.mom-popup{position:fixed;inset:0;z-index:1100;padding:20px;display:flex;align-items:center;justify-content:center;background:rgba(7,24,39,.64);backdrop-filter:blur(9px);opacity:0;visibility:hidden;pointer-events:none;transition:.25s}.mom-popup.show{opacity:1;visibility:visible;pointer-events:auto}.mom-popup-card{position:relative;width:min(100%,440px);padding:34px;text-align:center;background:#fff;border-radius:18px;box-shadow:var(--shadow-lg)}.mom-popup-close,.close-btn{position:absolute;top:16px;right:16px;width:36px;height:36px;border:1px solid var(--gray-200);border-radius:9px;background:#fff;color:var(--gray-500);z-index:10}.promo-kicker{color:var(--red-600);font-size:.65rem;font-weight:800;letter-spacing:.14em}.promo-icon{width:54px;height:54px;margin:18px auto 15px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--red-100);color:var(--red-600);font-size:1.2rem}.mom-popup h2{color:var(--navy-950);font-size:1.6rem;letter-spacing:-.04em}.mom-popup p{margin:9px auto 0;max-width:350px;color:var(--gray-500);font-size:.78rem}.mom-popup-coupon{margin:20px 0 10px;padding:13px 15px;display:flex;justify-content:space-between;align-items:center;border:1px dashed var(--sky-500);border-radius:10px;background:var(--sky-50)}.mom-popup-coupon span{color:var(--gray-500);font-size:.67rem}.mom-popup-coupon strong{color:var(--navy-900);font-size:.88rem}.mom-popup-btn{width:100%;min-height:46px;border:0;border-radius:9px;background:var(--navy-900);color:#fff;font-size:.78rem;font-weight:700}.mom-popup small{display:block;margin-top:12px;color:var(--gray-500);font-size:.62rem}

/* MODALES */
.modal{position:fixed;inset:0;z-index:900;padding:24px;display:none;align-items:center;justify-content:center;background:rgba(7,24,39,.58);backdrop-filter:blur(8px)}.modal-content{position:relative;width:min(100%,760px);max-height:calc(100vh - 48px);overflow:auto;padding:32px;background:#fff;border:1px solid var(--gray-200);border-radius:18px;box-shadow:var(--shadow-lg);color:var(--gray-700)}.product-modal-content{width:min(100%,900px)}.modal-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:32px;align-items:start}.modal-product-media{min-height:430px;border-radius:12px;background:var(--gray-100)}.modal-product-media img{width:100%;height:100%;min-height:430px;object-fit:cover;border-radius:12px}.modal-product-info{padding-top:8px}.modal-eyebrow{color:var(--sky-500);font-size:.66rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.modal-content h2{margin-top:8px;color:var(--navy-950);font-size:1.7rem;letter-spacing:-.04em}.modal-sub{margin-top:5px;color:var(--navy-700);font-size:.78rem;font-weight:600}.modal-desc{margin-top:14px;color:var(--gray-500);font-size:.77rem;line-height:1.65}.price-row{display:flex;align-items:end;gap:10px;margin-top:22px}.price-big{color:var(--navy-950);font-size:1.8rem;font-weight:800;letter-spacing:-.04em}.old-price,.cart-item-old-price{text-decoration:line-through;color:var(--gray-400);font-size:.74rem}.discount-bar,.cart-item-discount{margin-top:9px;padding:8px 10px;display:flex;justify-content:space-between;gap:10px;border-radius:8px;background:var(--green-100);color:var(--green-600);font-size:.68rem;font-weight:700}.discount-pill,.card-saving-pill{font-weight:800}.benefits{margin-top:20px}.device-select-box label{display:block;margin-bottom:7px;color:var(--navy-900);font-size:.7rem;font-weight:700}.device-select-box select{width:100%;min-height:45px;padding:0 11px;border:1px solid var(--gray-200);border-radius:9px;background:#fff;color:var(--gray-700);outline:none}.device-select-box select:focus{border-color:var(--sky-500);box-shadow:0 0 0 3px rgba(90,168,216,.12)}.stock-modal-text{margin-top:9px;color:var(--red-600);font-size:.7rem}.btn-buy,.btn-secondary,.btn-danger{min-height:46px;border-radius:9px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.76rem;font-weight:700}.btn-buy{width:100%;margin-top:20px;border:1px solid var(--navy-900);background:var(--navy-900);color:#fff}.btn-buy:hover{background:var(--navy-800)}.btn-buy.disabled{opacity:.5;cursor:not-allowed}.btn-secondary{border:1px solid var(--navy-900);background:#fff;color:var(--navy-900)}.btn-secondary:hover{background:var(--sky-50)}.btn-danger{border:1px solid var(--gray-200);background:#fff;color:var(--red-600)}

/* CARRITO */
.cart-modal-content{width:min(100%,790px)}.cart-heading{display:flex;align-items:center;gap:14px;margin-bottom:24px}.cart-heading-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:var(--sky-100);color:var(--navy-700)}.cart-heading h2{margin-top:1px}.cart-list{display:grid;gap:10px}.empty-cart{padding:24px;border:1px dashed var(--gray-300);border-radius:10px;background:var(--gray-50);text-align:center;color:var(--gray-500);font-size:.76rem}.cart-item{display:grid;grid-template-columns:92px 1fr auto;gap:14px;align-items:start;padding:12px;border:1px solid var(--gray-200);border-radius:11px;background:#fff}.cart-item>.protected-img{height:92px;border-radius:8px;background:var(--gray-100)}.cart-item img{width:100%;height:100%;object-fit:cover}.cart-item-title{color:var(--navy-950);font-size:.82rem;font-weight:800}.cart-item-meta{margin-top:3px;color:var(--gray-500);font-size:.65rem}.cart-item-price{margin-top:7px;color:var(--navy-800);font-size:.78rem;font-weight:800}.icon-btn{border:0;background:transparent;color:var(--red-600);font-size:.67rem;font-weight:700;padding:5px}.coupon-box,.summary-box{margin-top:18px;padding:16px;border:1px solid var(--gray-200);border-radius:11px;background:var(--gray-50)}.coupon-box label{display:block;margin-bottom:8px;color:var(--navy-900);font-size:.7rem;font-weight:700}.coupon-row{display:grid;grid-template-columns:1fr auto;gap:8px}.coupon-row input{min-width:0;height:46px;padding:0 12px;border:1px solid var(--gray-200);border-radius:9px;background:#fff;outline:none;color:var(--gray-700)}.coupon-row input:focus{border-color:var(--sky-500);box-shadow:0 0 0 3px rgba(90,168,216,.12)}.coupon-status{margin-top:8px;font-size:.67rem;min-height:18px}.coupon-ok{color:var(--green-600)}.coupon-error{color:var(--red-600)}.summary-box{background:#fff}.summary-line{display:flex;justify-content:space-between;gap:20px;padding:7px 0;color:var(--gray-500);font-size:.72rem}.summary-line.total{margin-top:7px;padding-top:14px;border-top:1px solid var(--gray-200);color:var(--navy-950);font-size:.92rem;font-weight:800}.cart-actions{display:grid;grid-template-columns:auto 1fr;gap:9px;margin-top:16px}.cart-actions .btn-buy{margin-top:0}.privacy-content{width:min(100%,620px)}.privacy-content>p{margin-top:14px;color:var(--gray-500);font-size:.76rem}.privacy-list{margin:18px 0 0 18px;display:grid;gap:9px;color:var(--gray-600);font-size:.73rem}

/* FOOTER */
.site-footer{padding:34px 0;background:#fff}.footer-container{width:min(calc(100% - 48px),var(--container-width));margin-inline:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:34px}.footer-brand-block{display:flex;align-items:center;gap:11px}.footer-brand-block>div{display:flex;flex-direction:column}.footer-brand-block strong{color:var(--navy-950);font-size:.8rem}.footer-brand-block span{color:var(--gray-500);font-size:.63rem}.footer-links{display:flex;align-items:center;gap:14px}.footer-links a,.footer-links button{border:0;background:transparent;color:var(--gray-500);font-size:.66rem;text-decoration:none}.footer-copy{text-align:right;color:var(--gray-500);font-size:.61rem}.footer-copy strong{color:var(--navy-900)}

/* TOAST */
.toast{position:fixed;z-index:1500;left:50%;bottom:28px;transform:translate(-50%,25px);min-width:240px;max-width:min(90vw,460px);padding:12px 16px;border-radius:9px;background:var(--navy-950);color:#fff;box-shadow:var(--shadow-md);font-size:.72rem;text-align:center;opacity:0;visibility:hidden;transition:.25s}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}

/* Clases heredadas/compatibilidad */
.card-saving-box{margin-top:8px;padding:7px 9px;display:flex;justify-content:space-between;border-radius:8px;background:var(--green-100);color:var(--green-600);font-size:.64rem;font-weight:700}.device-price-list{display:grid;gap:6px}.device-price-row{display:flex;justify-content:space-between}.device-price-row small{display:block;color:var(--gray-500)}

/* RESPONSIVE */
@media(max-width:1080px){
  .main-navigation{display:none;position:absolute;top:78px;left:24px;right:24px;padding:12px;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--gray-200);border-radius:12px;box-shadow:var(--shadow-md)}.main-navigation.open{display:flex}.navigation-link{padding:12px}.mobile-menu-button{display:flex}.hero-container{grid-template-columns:1fr 420px;gap:44px}.product-grid{grid-template-columns:repeat(3,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
  .header-container{width:min(calc(100% - 30px),var(--container-width))}.brand-content small,.cart-label{display:none}.hero-container{width:min(calc(100% - 34px),var(--container-width));grid-template-columns:1fr;gap:30px;padding:55px 0 50px}.hero-title{font-size:clamp(2.7rem,11vw,4.6rem)}.hero-media{padding:0 0 54px 25px}.hero-image-wrapper{height:430px}.hero-media-caption{left:0;right:22px}.section-intro,.container,.process-container,.support-container,.footer-container,.hero-footer-container{width:min(calc(100% - 34px),var(--container-width))}.section-intro-grid,.process-heading{grid-template-columns:1fr;gap:18px}.product-grid{grid-template-columns:repeat(2,1fr)}.support-container{grid-template-columns:1fr;gap:24px}.support-button{justify-self:start}.modal-layout{grid-template-columns:1fr}.modal-product-media,.modal-product-media img{min-height:300px;height:300px}.footer-container{grid-template-columns:1fr;gap:20px}.footer-links{justify-content:flex-start}.footer-copy{text-align:left}
}
@media(max-width:560px){
  html{scroll-padding-top:72px}.site-header{min-height:68px}.header-container{min-height:68px}.site-brand{gap:8px}.brand-symbol{width:36px;height:36px}.brand-content strong{font-size:.88rem}.currency-change{padding:0 9px;font-size:.68rem}.cart-toggle{padding:0 10px}.mobile-menu-button{width:36px}.main-navigation{top:68px;left:15px;right:15px}.hero-stream{padding-top:68px}.hero-container{padding-top:40px}.hero-title{font-size:2.65rem}.hero-text{font-size:.9rem}.hero-actions{align-items:stretch;flex-direction:column}.hero-primary-button,.hero-secondary-button{width:100%}.hero-topics{gap:9px}.hero-media{padding-left:0}.hero-image-wrapper{height:350px}.hero-media-caption{position:relative;left:auto;right:auto;bottom:auto;margin:-34px 12px 0}.hero-media-accent{display:none}.hero-footer-container{padding:16px 0;align-items:flex-start;flex-direction:column}.catalog-shell{padding:72px 0}.section-intro{margin-bottom:40px}.product-grid{grid-template-columns:1fr}.card>.protected-img{height:250px}.catalog-section-header{align-items:flex-start;flex-direction:column;gap:8px}.process-section{padding:72px 0}.process-grid{grid-template-columns:1fr}.process-card{min-height:210px}.modal{padding:10px}.modal-content{padding:22px 16px;max-height:calc(100vh - 20px);border-radius:14px}.modal-product-media,.modal-product-media img{height:240px;min-height:240px}.cart-item{grid-template-columns:72px 1fr}.cart-item>.protected-img{height:72px}.cart-item>.icon-btn{grid-column:2;justify-self:start}.coupon-row{grid-template-columns:1fr}.cart-actions{grid-template-columns:1fr}.welcome{padding:12px}.welcome-card{padding:24px 18px;max-height:calc(100vh - 24px)}.mom-popup-card{padding:30px 20px}.support-section{padding:60px 0}
}

/* =========================================================
   CAPA DE MOVIMIENTO · V2
   Profundidad, transiciones de sección y scroll reveal
========================================================= */
.scroll-progress{position:fixed;z-index:705;top:77px;left:0;width:0;height:3px;background:linear-gradient(90deg,var(--red-500),var(--sky-500),#8bd5ff);box-shadow:0 0 14px rgba(90,168,216,.38);pointer-events:none;transition:width 70ms linear}
.site-header.scrolled .brand-symbol{box-shadow:0 8px 24px rgba(11,34,57,.23)}
.navigation-link::after{content:"";position:absolute;left:11px;right:11px;bottom:5px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--red-500),var(--sky-500));transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.navigation-link.active::after,.navigation-link:hover::after{transform:scaleX(1)}

/* Entrada inicial del hero */
.hero-stream{position:relative;overflow:hidden;background:
  radial-gradient(circle at 12% 22%,rgba(90,168,216,.13),transparent 31%),
  radial-gradient(circle at 88% 16%,rgba(217,43,50,.07),transparent 24%),
  linear-gradient(180deg,#fff 0%,#f7fbfe 74%,#fff 100%)}
.hero-stream::before,.hero-stream::after{content:"";position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}
.hero-stream::before{width:420px;height:420px;right:-180px;top:120px;background:radial-gradient(circle,rgba(120,185,224,.16),rgba(120,185,224,0) 68%);animation:orbDrift 10s ease-in-out infinite alternate}
.hero-stream::after{width:300px;height:300px;left:-170px;bottom:20px;background:radial-gradient(circle,rgba(217,43,50,.08),rgba(217,43,50,0) 70%);animation:orbDrift 13s ease-in-out infinite alternate-reverse}
.hero-container,.hero-footer{position:relative;z-index:1}
.hero-content>*{opacity:0;transform:translateY(22px)}
.motion-ready .hero-content>*{animation:heroRise .72s cubic-bezier(.2,.78,.2,1) forwards}
.motion-ready .hero-content>:nth-child(1){animation-delay:.05s}.motion-ready .hero-content>:nth-child(2){animation-delay:.13s}.motion-ready .hero-content>:nth-child(3){animation-delay:.21s}.motion-ready .hero-content>:nth-child(4){animation-delay:.29s}.motion-ready .hero-content>:nth-child(5){animation-delay:.37s}
.hero-media{opacity:0;transform:translate3d(28px,20px,0)}
.motion-ready .hero-media{animation:heroMediaIn .9s .18s cubic-bezier(.2,.78,.2,1) forwards}
.hero-image-wrapper{transform:translateY(var(--hero-shift,0px));transition:transform .12s linear;isolation:isolate}
.hero-image-wrapper::after{content:"";position:absolute;inset:-45% -60%;z-index:4;background:linear-gradient(110deg,transparent 39%,rgba(255,255,255,.28) 50%,transparent 61%);transform:translateX(-50%) rotate(8deg);animation:heroShine 7s 1.6s ease-in-out infinite;pointer-events:none}
.hero-media-caption{animation:captionFloat 4.8s ease-in-out infinite}
.hero-media-accent{animation:accentPulse 3s ease-in-out infinite}
.hero-primary-button{position:relative;overflow:hidden;box-shadow:0 12px 30px rgba(11,34,57,.16)}
.hero-primary-button::before,.support-button::before,.btn-buy::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 22%,rgba(255,255,255,.18) 46%,transparent 70%);transform:translateX(-120%);transition:transform .65s ease}
.hero-primary-button:hover::before,.support-button:hover::before,.btn-buy:hover::before{transform:translateX(120%)}
.hero-secondary-button:hover i,.hero-primary-button:hover i,.support-button:hover i{transform:translateX(3px)}
.hero-primary-button i,.hero-secondary-button i,.support-button i{transition:transform .22s ease}

/* Separación visual de catálogo */
.catalog-shell{position:relative;overflow:hidden;background:
  radial-gradient(circle at 90% 8%,rgba(90,168,216,.09),transparent 24%),
  linear-gradient(180deg,#fff 0%,#f8fbfd 34%,#fff 100%)}
.catalog-shell::before{content:"";position:absolute;top:0;left:50%;width:min(92%,1120px);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,var(--sky-200),transparent)}
.catalog-shell::after{content:"";position:absolute;right:-120px;top:330px;width:320px;height:320px;border:1px solid rgba(90,168,216,.12);border-radius:50%;box-shadow:0 0 0 50px rgba(90,168,216,.025),0 0 0 100px rgba(90,168,216,.015);pointer-events:none}
.section-intro,.container{position:relative;z-index:1}
.catalog-section{position:relative}
.catalog-section::before{content:"";position:absolute;left:-22px;top:49px;width:4px;height:0;border-radius:10px;background:linear-gradient(var(--red-500),var(--sky-500));transition:height .65s cubic-bezier(.2,.8,.2,1)}
.catalog-section.in-view::before{height:46px}
.card{will-change:transform;transition:transform .32s cubic-bezier(.2,.75,.2,1),border-color .25s ease,box-shadow .32s ease;background:linear-gradient(180deg,#fff,#fcfdff)}
.card:hover{transform:translateY(-9px) scale(1.012);box-shadow:0 24px 50px rgba(7,24,39,.14)}
.card>.protected-img{overflow:hidden}.card>.protected-img img{transition:transform .6s cubic-bezier(.2,.75,.2,1),filter .4s ease}.card:hover>.protected-img img{transform:scale(1.055);filter:saturate(1.06) contrast(1.02)}
.card .price::before{transition:width .3s ease,background .3s ease}.card:hover .price::before{width:36px;background:var(--red-500)}
.card-discount{animation:badgePulse 2.8s ease-in-out infinite}

/* Cambio fuerte entre catálogo y proceso */
.process-section{position:relative;isolation:isolate;overflow:hidden;margin-top:-1px;padding-top:122px;background:
  radial-gradient(circle at 90% 22%,rgba(90,168,216,.19),transparent 29%),
  radial-gradient(circle at 10% 90%,rgba(217,43,50,.12),transparent 28%),
  linear-gradient(135deg,#061522 0%,#0b2239 57%,#102f4a 100%);
  clip-path:polygon(0 34px,54% 0,100% 34px,100% 100%,0 100%)}
.process-section::before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent);animation:gridSlide 18s linear infinite}
.process-section::after{content:"";position:absolute;z-index:-1;width:380px;height:380px;right:-110px;bottom:-170px;border:1px solid rgba(120,185,224,.18);border-radius:50%;box-shadow:0 0 0 55px rgba(120,185,224,.025),0 0 0 110px rgba(120,185,224,.018)}
.process-card{overflow:hidden;transition:transform .32s cubic-bezier(.2,.75,.2,1),background .3s ease,border-color .3s ease,box-shadow .3s ease}
.process-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--red-500),var(--sky-400));transform:scaleX(0);transform-origin:left;transition:transform .38s ease}
.process-card:hover{transform:translateY(-8px);background:rgba(255,255,255,.075);border-color:rgba(120,185,224,.30);box-shadow:0 18px 36px rgba(0,0,0,.18)}
.process-card:hover::before{transform:scaleX(1)}
.process-card>i{transition:transform .32s ease,background .32s ease,color .32s ease}.process-card:hover>i{transform:translateY(-3px) rotate(-4deg) scale(1.08);background:rgba(120,185,224,.22);color:#fff}

/* Soporte: cambio de ambiente y movimiento suave */
.support-section{position:relative;overflow:hidden;padding-top:100px;background:
  radial-gradient(circle at 12% 40%,rgba(90,168,216,.18),transparent 31%),
  linear-gradient(120deg,#f1f9fd 0%,#fff 52%,#f7fbfe 100%)}
.support-section::before{content:"";position:absolute;top:0;left:0;width:100%;height:44px;background:var(--navy-950);clip-path:polygon(0 0,100% 0,42% 100%,0 35%)}
.support-section::after{content:"";position:absolute;width:260px;height:260px;right:-85px;top:35px;border-radius:50%;background:radial-gradient(circle,rgba(217,43,50,.08),transparent 68%);animation:orbDrift 9s ease-in-out infinite alternate}
.support-container{position:relative;z-index:1}
.support-button,.btn-buy{position:relative;overflow:hidden;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}
.support-button:hover{box-shadow:0 16px 34px rgba(11,34,57,.18)}

/* Scroll reveal */
.reveal{opacity:0;transform:translate3d(0,30px,0);transition:opacity .72s cubic-bezier(.2,.72,.2,1),transform .72s cubic-bezier(.2,.72,.2,1);transition-delay:var(--reveal-delay,0ms)}
.reveal.reveal-left{transform:translate3d(-32px,0,0)}
.reveal.reveal-right{transform:translate3d(32px,0,0)}
.reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}

/* Animación de modales */
.modal[style*="display: flex"] .modal-content,.modal.show .modal-content{animation:modalPop .28s cubic-bezier(.2,.78,.2,1)}
.mom-popup.show .mom-popup-card{animation:modalPop .34s cubic-bezier(.2,.78,.2,1)}
.toast.show{animation:toastPop .25s ease}

@keyframes heroRise{to{opacity:1;transform:translateY(0)}}
@keyframes heroMediaIn{to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes heroShine{0%,55%{transform:translateX(-65%) rotate(8deg)}72%,100%{transform:translateX(70%) rotate(8deg)}}
@keyframes captionFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes accentPulse{0%,100%{opacity:.5;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}
@keyframes orbDrift{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(-24px,18px,0) scale(1.08)}}
@keyframes badgePulse{0%,100%{box-shadow:0 0 0 0 rgba(217,43,50,0)}50%{box-shadow:0 0 0 6px rgba(217,43,50,.10)}}
@keyframes gridSlide{to{background-position:46px 46px}}
@keyframes modalPop{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes toastPop{0%{transform:translate(-50%,12px) scale(.96)}100%{transform:translate(-50%,0) scale(1)}}

@media(max-width:820px){
  .scroll-progress{top:77px}.catalog-section::before{left:-10px}.process-section{clip-path:polygon(0 22px,62% 0,100% 22px,100% 100%,0 100%);padding-top:105px}.support-section{padding-top:86px}.support-section::before{height:32px}.hero-media-caption{animation:none}
}
@media(max-width:560px){
  .scroll-progress{top:67px}.catalog-shell::after{display:none}.catalog-section::before{display:none}.process-section{clip-path:polygon(0 16px,68% 0,100% 16px,100% 100%,0 100%);padding-top:88px}.support-section{padding-top:78px}.support-section::before{height:25px}.card:hover{transform:translateY(-5px) scale(1.005)}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.hero-content>*,.hero-media,.reveal{opacity:1!important;transform:none!important}.hero-image-wrapper{transform:none!important}
}


/* =========================================================
   V3 · EXPERIENCIA DE TIENDA
========================================================= */
body.cart-open{overflow:hidden}

/* Selección destacada */
.featured-section{position:relative;overflow:hidden;padding:92px 0 96px;background:linear-gradient(135deg,#071827 0%,#0b2239 54%,#123654 100%);color:#fff}
.featured-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 10%,rgba(120,185,224,.22),transparent 27%),radial-gradient(circle at 88% 82%,rgba(237,57,65,.14),transparent 28%);pointer-events:none}
.featured-container{position:relative;z-index:1;width:min(calc(100% - 48px),var(--container-width));margin-inline:auto}
.featured-heading{display:grid;grid-template-columns:1.08fr .72fr;gap:70px;align-items:end;margin-bottom:34px}.featured-heading h2{margin-top:16px;max-width:670px;color:#fff;font-size:clamp(2rem,3.8vw,3.3rem);line-height:1.06;letter-spacing:-.045em}.featured-heading p{color:rgba(255,255,255,.62);font-size:.86rem;line-height:1.75}
.featured-grid{display:grid;grid-template-columns:1.15fr .92fr .92fr;gap:16px}.featured-card{position:relative;min-height:370px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:18px;cursor:pointer;isolation:isolate;box-shadow:0 24px 60px rgba(0,0,0,.16);transition:transform .35s cubic-bezier(.2,.75,.2,1),border-color .3s ease,box-shadow .3s ease}.featured-card:hover{transform:translateY(-8px);border-color:rgba(255,255,255,.28);box-shadow:0 30px 70px rgba(0,0,0,.26)}.featured-card-media{position:absolute;inset:0}.featured-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .75s cubic-bezier(.2,.75,.2,1),filter .45s ease}.featured-card:hover img{transform:scale(1.07);filter:saturate(1.12)}.featured-card-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(7,24,39,.08),rgba(7,24,39,.34) 42%,rgba(7,24,39,.92) 100%)}.featured-card-content{position:absolute;z-index:2;inset:0;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.featured-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.93);color:var(--navy-950);font-size:.63rem;font-weight:800;box-shadow:0 8px 22px rgba(0,0,0,.12)}.featured-badge i{color:var(--brand-accent,var(--sky-500))}.featured-card-bottom{display:grid;gap:14px}.featured-card-bottom span{color:rgba(255,255,255,.72);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.featured-card-bottom h3{margin-top:2px;color:#fff;font-size:1.34rem;line-height:1.1}.featured-card-bottom p{margin-top:5px;color:rgba(255,255,255,.64);font-size:.68rem}.featured-price{color:#fff;font-size:.82rem;font-weight:800}.featured-card-1{min-height:410px}.featured-card::after{content:"";position:absolute;z-index:3;left:0;bottom:0;width:100%;height:3px;background:var(--brand-accent,var(--sky-500));transform:scaleX(.28);transform-origin:left;transition:transform .4s ease}.featured-card:hover::after{transform:scaleX(1)}

/* Filtros */
.catalog-toolbar{width:min(calc(100% - 48px),var(--container-width));margin:-28px auto 46px;padding:18px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:22px;align-items:end;background:rgba(255,255,255,.94);border:1px solid var(--gray-200);border-radius:16px;box-shadow:0 16px 40px rgba(7,24,39,.08);backdrop-filter:blur(10px);position:relative;z-index:4}.filter-block{display:grid;gap:8px}.filter-label{color:var(--gray-500);font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.11em}.filter-chips{display:flex;gap:7px;flex-wrap:wrap}.filter-chip{min-height:35px;padding:0 12px;border:1px solid var(--gray-200);border-radius:999px;background:#fff;color:var(--gray-600);font-size:.68rem;font-weight:700;transition:.2s}.filter-chip:hover{border-color:var(--sky-400);color:var(--navy-900);background:var(--sky-50)}.filter-chip.active{border-color:var(--navy-900);background:var(--navy-900);color:#fff;box-shadow:0 7px 16px rgba(11,34,57,.12)}.filter-results{align-self:center;white-space:nowrap;color:var(--gray-500);font-size:.67rem;font-weight:700}.catalog-empty{padding:70px 24px;text-align:center;border:1px dashed var(--gray-300);border-radius:18px;background:rgba(255,255,255,.7)}.catalog-empty i{font-size:1.7rem;color:var(--sky-500)}.catalog-empty h3{margin-top:12px;color:var(--navy-950)}.catalog-empty p{margin-top:6px;color:var(--gray-500);font-size:.78rem}.catalog-empty button{margin-top:18px;min-height:40px;padding:0 15px;border:0;border-radius:9px;background:var(--navy-900);color:#fff;font-size:.72rem;font-weight:700}

/* Identidad por servicio */
.card,.featured-card{--brand-accent:var(--sky-500)}
[data-brand="stella"]{--brand-accent:#f04d45}[data-brand="weib"]{--brand-accent:#8a63d2}[data-brand="telelatino"]{--brand-accent:#e0a22a}[data-brand="veltix"]{--brand-accent:#23a7a2}[data-brand="streaming"]{--brand-accent:#4a78dd}[data-brand="combo"]{--brand-accent:#d74788}
.card-accent{height:3px;width:100%;background:var(--brand-accent);transform:scaleX(.28);transform-origin:left;transition:transform .35s ease}.card:hover .card-accent{transform:scaleX(1)}.card-service{margin:0 0 3px!important;color:var(--brand-accent)!important;font-size:.61rem!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.08em}.card-price-row{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:14px}.card-price-row .price{margin-top:0}.card-view-button{flex-shrink:0;border:0;background:transparent;color:var(--navy-900);font-size:.64rem;font-weight:800;opacity:.58;transform:translateX(-4px);transition:opacity .22s ease,transform .22s ease,color .22s ease}.card-view-button i{margin-left:4px;transition:transform .22s ease}.card:hover .card-view-button{opacity:1;transform:translateX(0);color:var(--brand-accent)}.card:hover .card-view-button i{transform:translateX(3px)}.card .price::before{background:var(--brand-accent)}.card:hover .price::before{background:var(--brand-accent)}

/* Cambio de moneda */
.js-price{display:inline-block;min-width:max-content;transition:filter .2s ease,transform .2s ease}.js-price.price-changing{filter:blur(.15px);animation:pricePulse .52s ease}.currency-change.currency-flash{animation:currencyFlash .45s ease}@keyframes pricePulse{0%{opacity:.35;transform:translateY(5px)}50%{opacity:1;transform:translateY(-2px)}100%{opacity:1;transform:translateY(0)}}@keyframes currencyFlash{50%{transform:scale(1.07);box-shadow:0 0 0 5px rgba(90,168,216,.14)}}

/* Carrito drawer */
.cart-drawer-modal{padding:0;justify-content:flex-end;align-items:stretch;background:rgba(7,24,39,0);backdrop-filter:blur(0);transition:background .3s ease,backdrop-filter .3s ease}.cart-drawer-modal.show{background:rgba(7,24,39,.52);backdrop-filter:blur(5px)}.cart-drawer-panel{width:min(94vw,560px);height:100vh;max-height:100vh;border-radius:22px 0 0 22px;border-width:0 0 0 1px;padding:28px 26px 30px;transform:translateX(104%);opacity:1;transition:transform .34s cubic-bezier(.2,.78,.2,1);box-shadow:-24px 0 64px rgba(7,24,39,.18)}.cart-drawer-modal.show .cart-drawer-panel{transform:translateX(0)}.cart-drawer-panel .cart-list{max-height:39vh;overflow:auto;padding-right:3px}.cart-drawer-panel .cart-heading{padding-right:42px}.cart-drawer-panel .close-btn{position:fixed}.cart-drawer-panel .summary-box{position:relative}.cart-fly-image{position:fixed;z-index:1700;object-fit:cover;pointer-events:none;box-shadow:0 18px 45px rgba(7,24,39,.25)}.cart-bump{animation:cartBump .48s cubic-bezier(.2,.8,.2,1)}@keyframes cartBump{0%,100%{transform:scale(1)}35%{transform:scale(1.18)}60%{transform:scale(.96)}}

/* Barra móvil */
.mobile-dock{display:none}.dock-icon-wrap{position:relative;display:inline-flex}.dock-icon-wrap b{position:absolute;top:-8px;right:-11px;min-width:17px;height:17px;padding:0 4px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:var(--red-500);color:#fff;font-size:.54rem;line-height:1}.mobile-dock-link.active{color:var(--navy-900)}.mobile-dock-link.active::before{content:"";position:absolute;top:4px;left:50%;width:18px;height:2px;border-radius:9px;background:var(--sky-500);transform:translateX(-50%)}

/* WhatsApp contextual */
.whatsapp-helper{position:fixed;z-index:650;right:24px;bottom:24px;height:58px;padding:0 8px 0 16px;display:flex;align-items:center;gap:13px;border-radius:999px;background:#fff;color:var(--navy-950);text-decoration:none;border:1px solid var(--gray-200);box-shadow:0 16px 42px rgba(7,24,39,.16);transition:width .35s ease,padding .35s ease,transform .25s ease,box-shadow .25s ease;overflow:hidden;white-space:nowrap}.whatsapp-helper:hover{transform:translateY(-3px);box-shadow:0 20px 48px rgba(7,24,39,.21)}.whatsapp-helper-copy{display:flex;flex-direction:column;line-height:1.15;max-width:170px;opacity:1;transition:max-width .35s ease,opacity .25s ease}.whatsapp-helper-copy strong{font-size:.7rem}.whatsapp-helper-copy small{margin-top:3px;color:var(--gray-500);font-size:.59rem}.whatsapp-helper-icon{width:42px;height:42px;flex:0 0 42px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#1fa463;color:#fff;font-size:1.1rem}.whatsapp-helper.compact{padding-left:8px}.whatsapp-helper.compact .whatsapp-helper-copy{max-width:0;opacity:0}

/* Mejor comportamiento modal/producto */
#modal .btn-buy:not(.disabled){transition:background .2s ease,transform .2s ease}.btn-buy:disabled{cursor:not-allowed}.modal-content::-webkit-scrollbar,.cart-list::-webkit-scrollbar{width:7px}.modal-content::-webkit-scrollbar-thumb,.cart-list::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:999px}

@media(max-width:1080px){.featured-grid{grid-template-columns:1.1fr 1fr}.featured-card:nth-child(3){grid-column:1/-1;min-height:300px}.catalog-toolbar{grid-template-columns:1fr 1fr}.filter-results{grid-column:1/-1}}
@media(max-width:820px){body{padding-bottom:74px}.featured-section{padding:78px 0}.featured-container{width:min(calc(100% - 34px),var(--container-width))}.featured-heading{grid-template-columns:1fr;gap:16px}.featured-grid{grid-template-columns:1fr 1fr}.featured-card,.featured-card-1{min-height:330px}.featured-card:nth-child(3){grid-column:1/-1;min-height:270px}.catalog-toolbar{width:min(calc(100% - 34px),var(--container-width));margin-top:-24px;grid-template-columns:1fr;padding:15px}.filter-results{grid-column:auto}.mobile-dock{position:fixed;z-index:720;left:10px;right:10px;bottom:9px;height:62px;padding:5px 6px;display:grid;grid-template-columns:repeat(5,1fr);align-items:stretch;border:1px solid rgba(226,232,240,.92);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 16px 44px rgba(7,24,39,.16);backdrop-filter:blur(14px)}.mobile-dock-link{position:relative;border:0;background:transparent;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--gray-500);font-size:.52rem;font-weight:700}.mobile-dock-link i{font-size:.92rem}.whatsapp-helper{display:none}.toast{bottom:84px}.site-footer{padding-bottom:34px}}
@media(max-width:560px){.featured-grid{grid-template-columns:1fr}.featured-card,.featured-card-1,.featured-card:nth-child(3){grid-column:auto;min-height:315px}.featured-heading h2{font-size:2rem}.filter-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}.filter-chips::-webkit-scrollbar{display:none}.filter-chip{white-space:nowrap}.device-filter-block .filter-chips{overflow:visible}.cart-drawer-modal{align-items:flex-end}.cart-drawer-panel{width:100%;height:min(91vh,760px);max-height:91vh;border-radius:22px 22px 0 0;border-width:1px 0 0;transform:translateY(104%);padding:24px 18px 20px}.cart-drawer-modal.show .cart-drawer-panel{transform:translateY(0)}.cart-drawer-panel::before{content:"";position:absolute;top:9px;left:50%;width:44px;height:4px;border-radius:999px;background:var(--gray-300);transform:translateX(-50%)}.cart-drawer-panel .cart-list{max-height:34vh}.card-price-row{align-items:center}.card-view-button{opacity:1;transform:none}.cart-item{grid-template-columns:70px 1fr auto}.cart-item>.protected-img{height:70px}}
@media(prefers-reduced-motion:reduce){.featured-card,.featured-card img,.card-view-button,.card-accent,.cart-drawer-panel,.cart-drawer-modal,.whatsapp-helper,.whatsapp-helper-copy{transition:none!important}.cart-fly-image{display:none!important}}


/* =========================================================
   V3.1 · PULIDO VISUAL Y JERARQUÍA
========================================================= */
/* Header más integrado con el contenido */
.site-header{background:rgba(255,255,255,.84);border-bottom-color:rgba(226,232,240,.62);backdrop-filter:blur(18px) saturate(1.18);-webkit-backdrop-filter:blur(18px) saturate(1.18)}
.site-header.scrolled{background:rgba(255,255,255,.93);box-shadow:0 10px 34px rgba(7,24,39,.10);border-bottom-color:rgba(226,232,240,.82)}
.navigation-link.active::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--red-500),var(--sky-500));animation:navLineIn .25s ease both}
@keyframes navLineIn{from{transform:scaleX(.25);opacity:0}to{transform:scaleX(1);opacity:1}}

/* Destacados: menos peso, más jerarquía y mejor legibilidad */
.featured-section{margin-top:-1px;padding:82px 0 86px;background:linear-gradient(132deg,#081c2d 0%,#0d2d49 53%,#173f61 100%);clip-path:polygon(0 24px,58% 0,100% 18px,100% 100%,0 100%)}
.featured-section::before{background:radial-gradient(circle at 11% 13%,rgba(120,185,224,.18),transparent 28%),radial-gradient(circle at 88% 82%,rgba(237,57,65,.11),transparent 29%)}
.featured-section::after{content:"";position:absolute;left:0;right:0;top:0;height:44px;background:linear-gradient(90deg,rgba(90,168,216,.20),rgba(255,255,255,.03),rgba(217,43,50,.12));clip-path:polygon(0 55%,58% 0,100% 42%,100% 48%,58% 8%,0 63%);opacity:.72;pointer-events:none}
.featured-heading{grid-template-columns:1.05fr .78fr;gap:58px;margin-bottom:42px}.featured-heading h2{max-width:610px;font-size:clamp(2rem,3.45vw,3rem)}.featured-heading p{max-width:440px;color:rgba(255,255,255,.72);font-size:.84rem}
.featured-grid{grid-template-columns:.94fr 1.08fr .94fr;gap:22px;align-items:stretch;padding:10px 0 8px}
.featured-card{min-height:338px;border-color:rgba(255,255,255,.14);box-shadow:0 20px 48px rgba(0,0,0,.18)}
.featured-card-1,.featured-card-3{min-height:338px}
.featured-card-2{min-height:372px;margin-top:-17px;margin-bottom:-17px;z-index:2;border-color:rgba(255,255,255,.24);box-shadow:0 30px 72px rgba(0,0,0,.27)}
.featured-card-2::before{content:"Recomendado";position:absolute;z-index:4;right:15px;top:15px;padding:6px 9px;border-radius:999px;background:rgba(7,24,39,.74);border:1px solid rgba(255,255,255,.20);color:#fff;font-size:.56rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;backdrop-filter:blur(8px)}
.featured-card:hover{transform:translateY(-6px)}.featured-card-2:hover{transform:translateY(-7px) scale(1.008)}
.featured-card-overlay{background:linear-gradient(180deg,rgba(5,16,26,.03) 0%,rgba(5,16,26,.16) 38%,rgba(5,16,26,.72) 67%,rgba(4,14,23,.97) 100%)}
.featured-card-content{padding:18px}.featured-card-bottom{gap:11px;padding-top:32px}.featured-card-bottom p{color:rgba(255,255,255,.78);font-size:.69rem;line-height:1.45;text-shadow:0 1px 10px rgba(0,0,0,.35)}.featured-card-bottom span{color:rgba(255,255,255,.82)}.featured-price{font-size:.86rem;text-shadow:0 2px 12px rgba(0,0,0,.34)}
.featured-badge{background:rgba(255,255,255,.96);padding:7px 11px;font-size:.62rem}.featured-badge i{font-size:.69rem}

/* WhatsApp con contexto visible antes de contraerse */
.whatsapp-helper{animation:helperEntrance .5s 1.05s cubic-bezier(.2,.78,.2,1) both}.whatsapp-helper-icon{animation:whatsappPulse 2.2s 1.8s ease-in-out 2}
@keyframes helperEntrance{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes whatsappPulse{0%,100%{box-shadow:0 0 0 0 rgba(31,164,99,0)}50%{box-shadow:0 0 0 8px rgba(31,164,99,.13)}}

/* Refinamiento del corte hacia Cómo comprar */
.process-section{clip-path:polygon(0 46px,39% 12px,63% 0,100% 34px,100% 100%,0 100%);padding-top:130px}
.process-section::before{mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent)}

@media(max-width:1080px){
  .featured-grid{grid-template-columns:1fr 1fr}.featured-card-2{margin:0;min-height:350px}.featured-card:nth-child(3){grid-column:1/-1;min-height:285px}.featured-card-2::before{display:none}
}
@media(max-width:820px){
  .featured-section{padding:76px 0 78px;clip-path:polygon(0 18px,62% 0,100% 14px,100% 100%,0 100%)}.featured-heading{gap:15px;margin-bottom:30px}.featured-grid{gap:14px}.featured-card,.featured-card-1,.featured-card-2{min-height:315px;margin:0}.featured-card:nth-child(3){min-height:260px}.process-section{clip-path:polygon(0 28px,42% 8px,65% 0,100% 20px,100% 100%,0 100%);padding-top:110px}
}
@media(max-width:560px){
  .site-header{background:rgba(255,255,255,.92)}.featured-section{padding:68px 0 70px}.featured-grid{grid-template-columns:1fr}.featured-card,.featured-card-1,.featured-card-2,.featured-card:nth-child(3){min-height:300px}.featured-heading h2{font-size:1.95rem}.featured-heading p{font-size:.79rem}.featured-card-2::before{display:none}.process-section{clip-path:polygon(0 20px,48% 7px,70% 0,100% 14px,100% 100%,0 100%);padding-top:94px}
}
@media(prefers-reduced-motion:reduce){.navigation-link.active::after,.whatsapp-helper,.whatsapp-helper-icon{animation:none!important}}
/* La jerarquía de la tarjeta central ya se comunica por tamaño; evitamos duplicar el badge. */
.featured-card-2::before{display:none}

/* Promoción por cupón visible en detalle de producto */
.coupon-promo-bar{background:var(--sky-50);color:var(--navy-800);border:1px solid var(--sky-200)}


/* =========================================================
   CHECKOUT · métodos de pago
========================================================= */
.checkout-modal{z-index:1120}.checkout-modal-content{width:min(100%,620px);padding:30px}.checkout-heading{padding-right:38px;margin-bottom:20px}.checkout-heading h2{margin-top:6px}.payment-method-grid{display:grid;gap:10px}.payment-method-card{width:100%;min-height:88px;padding:14px;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:13px;border:1px solid var(--gray-200);border-radius:13px;background:#fff;text-align:left;color:var(--gray-700);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.payment-method-card:not(.is-disabled):hover{border-color:var(--sky-400);box-shadow:0 12px 30px rgba(7,24,39,.09);transform:translateY(-1px)}.payment-method-card.is-disabled{cursor:not-allowed;opacity:.58;background:var(--gray-50)}.payment-method-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--gray-100);color:var(--navy-800);font-size:1.22rem}.payment-method-icon.paypal{background:#eef6ff;color:#0877d1}.payment-method-icon.whatsapp{background:#eaf8f0;color:#159455}.payment-method-copy{min-width:0;display:flex;flex-direction:column}.payment-method-copy strong{color:var(--navy-950);font-size:.82rem}.payment-method-copy small{margin-top:3px;color:var(--gray-500);font-size:.68rem;line-height:1.4}.payment-method-copy em{margin-top:5px;color:var(--navy-700);font-size:.62rem;font-style:normal;font-weight:800}.payment-method-card.is-disabled .payment-method-copy em{color:var(--gray-500)}.payment-method-arrow{color:var(--gray-400);font-size:.74rem}.checkout-security-note{margin-top:16px;padding:11px 12px;display:flex;align-items:flex-start;gap:8px;border-radius:9px;background:var(--gray-50);color:var(--gray-500);font-size:.64rem;line-height:1.45}.checkout-security-note i{margin-top:1px;color:var(--green-600)}.checkout-back{margin:-3px 0 17px;padding:0;border:0;background:transparent;color:var(--navy-700);font-size:.68rem;font-weight:800;cursor:pointer}.checkout-back i{margin-right:5px}.paypal-heading{display:flex;align-items:center;gap:13px}.paypal-heading>div{min-width:0}.paypal-brand-mark{width:50px;height:50px;flex:0 0 50px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:#eef6ff;color:#0877d1;font-size:1.3rem}.paypal-fee-summary{margin-top:18px;padding:15px 16px;border:1px solid var(--gray-200);border-radius:12px;background:#fff}.paypal-fee-line{margin-top:4px;padding-top:11px;border-top:1px dashed var(--gray-200);color:var(--navy-700);font-weight:700}.paypal-total-line span:last-child{font-size:1rem}.paypal-equivalent{margin-top:9px;color:var(--gray-500);font-size:.64rem;text-align:right}.paypal-usd-box{margin-top:14px;padding:15px;display:grid;grid-template-columns:1fr auto;gap:5px 12px;align-items:center;border:1px solid #cfe4f8;border-radius:12px;background:#f4f9ff}.paypal-usd-box>span{color:var(--gray-600);font-size:.65rem;font-weight:700}.paypal-usd-box>strong{grid-row:1/3;grid-column:2;color:var(--navy-950);font-size:1.18rem}.copy-amount-button{justify-self:start;padding:0;border:0;background:transparent;color:#0877d1;font-size:.62rem;font-weight:800;cursor:pointer}.copy-amount-button i{margin-right:4px}.paypal-actions{display:grid;grid-template-columns:auto 1fr;gap:9px;margin-top:17px}.paypal-actions .btn-buy{margin-top:0}.paypal-continue{background:#0877d1;border-color:#0877d1}.paypal-continue:hover{background:#0668b8}.paypal-payment-note{margin-top:12px;color:var(--gray-500);font-size:.62rem;line-height:1.5;text-align:center}

@media(max-width:560px){.checkout-modal{align-items:flex-end;padding:0}.checkout-modal-content{width:100%;max-height:91vh;border-radius:22px 22px 0 0;padding:25px 17px 20px}.payment-method-card{grid-template-columns:48px 1fr auto;padding:12px}.payment-method-icon{width:44px;height:44px}.paypal-actions{grid-template-columns:1fr}.paypal-usd-box{grid-template-columns:1fr}.paypal-usd-box>strong{grid-row:auto;grid-column:auto;font-size:1.1rem}.copy-amount-button{margin-top:3px}.checkout-heading{padding-right:34px}}


/* =========================================================
   BRANDING LATIN STREAM · LOGO ADMINISTRABLE V6
   El mismo logo se usa en web, bienvenida, header y footer.
   La ruta puede cambiarse desde Manager > Contenido web.
   ========================================================= */
.brand-logo{
  display:block;
  flex:0 0 auto;
  object-fit:cover;
  border-radius:50%;
  background:#071827;
  border:2px solid rgba(90,168,216,.28);
  box-shadow:0 7px 18px rgba(11,34,57,.13);
}
.brand-logo-header{width:46px;height:46px}
.brand-logo-welcome{width:54px;height:54px}
.brand-logo-footer{width:44px;height:44px}
.site-brand .brand-logo{transition:transform .2s ease,box-shadow .2s ease}
.site-brand:hover .brand-logo{transform:scale(1.035);box-shadow:0 9px 24px rgba(11,34,57,.17)}

@media(max-width:680px){
  .brand-logo-header{width:40px;height:40px}
  .brand-logo-welcome{width:48px;height:48px}
  .brand-logo-footer{width:40px;height:40px}
}


/* =========================================================
   FIX V8 · Encabezados móviles + branding
   Corrige texto superpuesto en section-eyebrow.
   ========================================================= */

/* La línea decorativa debe aplicarse SOLO al primer span. */
.section-eyebrow > span:first-child,
.welcome-eyebrow > span:first-child{
  width:38px;
  height:2px;
  flex:0 0 38px;
  display:inline-block;
  background:var(--sky-500);
  border-radius:999px;
}

/* El segundo span es texto normal, nunca una línea. */
.section-eyebrow > span:not(:first-child),
.welcome-eyebrow > span:not(:first-child){
  width:auto !important;
  height:auto !important;
  min-width:0;
  display:inline !important;
  flex:0 1 auto;
  background:transparent !important;
  line-height:1.35;
  white-space:normal;
}

.section-eyebrow,
.welcome-eyebrow{
  min-height:18px;
  line-height:1.35;
  align-items:center;
}

/* El logo debe verse completo, sin recortes. */
.brand-logo{
  object-fit:contain !important;
  background:transparent !important;
}

/* Evita solapamientos de títulos/subtítulos en pantallas estrechas. */
@media(max-width:680px){
  .section-eyebrow{
    gap:9px;
    font-size:.66rem;
    letter-spacing:.12em;
    margin-bottom:14px;
  }

  .featured-heading h2{
    margin-top:0 !important;
  }

  .process-heading{
    margin-top:8px !important;
  }

  .support-container h2{
    margin-top:8px !important;
  }

  .section-intro-grid{
    margin-top:10px !important;
  }

  .featured-heading,
  .process-heading{
    row-gap:14px !important;
  }

  .featured-heading h2,
  .section-intro h2,
  .process-heading h2,
  .support-container h2{
    overflow-wrap:anywhere;
    text-wrap:balance;
  }
}

@media(max-width:430px){
  .section-eyebrow{
    font-size:.62rem;
    letter-spacing:.105em;
  }

  .section-eyebrow > span:first-child{
    width:30px;
    flex-basis:30px;
  }

  .featured-heading h2,
  .section-intro h2,
  .process-heading h2,
  .support-container h2{
    line-height:1.08;
  }
}