:root{--blue:#063a55;--blue2:#0a5575;--orange:#ffa826;--orange2:#ff9417;--ink:#0e1f29;--muted:#687983;--bg:#f3f6f7;--white:#fff;--line:#dce4e7;--shadow:0 16px 40px rgba(6,58,85,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink);overflow-x:hidden}button,input,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}
a{color:inherit}.announcement{height:30px;background:var(--blue);color:#fff;font-size:10px;font-weight:800;letter-spacing:.35px}.announce-track{height:100%;display:flex;align-items:center;justify-content:center;gap:28px}.announce-track span:first-child{color:var(--orange)}.announce-track a{text-decoration:none}
.site-header{height:82px;background:#fff;display:flex;align-items:center;padding:10px clamp(18px,4vw,64px);gap:26px;border-bottom:1px solid var(--line);position:relative;z-index:20}.logo img{display:block;width:220px}.header-search{flex:1;max-width:520px;height:46px;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;padding:0 14px;color:#839199;background:#f7f9fa;cursor:pointer}.header-search span:first-child{font-size:23px;margin-right:9px;color:var(--blue)}.header-search kbd{margin-left:auto;border:0;background:#e8eef1;padding:5px 7px;border-radius:6px;font-size:9px;color:#71818a}.head-actions{margin-left:auto;display:flex;gap:6px}.head-btn{min-width:62px;height:48px;border:1px solid var(--line);background:#fff;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;position:relative;color:var(--blue)}.head-btn span{font-size:17px}.head-btn small{font-size:9px;margin-top:2px}.head-btn b{position:absolute;right:5px;top:4px;background:var(--orange);color:#1b2830;min-width:17px;height:17px;border-radius:20px;font-size:9px;display:grid;place-items:center}.hamb{display:none}
.category-bar{height:48px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:center;position:sticky;top:0;z-index:18;box-shadow:0 8px 20px transparent}.category-bar.scrolled{box-shadow:0 8px 20px rgba(0,0,0,.05)}.category-bar button{border:0;background:transparent;padding:0 18px;font-size:11px;font-weight:900;letter-spacing:.45px;color:var(--blue);cursor:pointer;position:relative}.category-bar button:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:3px;background:var(--orange);transform:scaleX(0);transition:.2s}.category-bar button:hover:after{transform:scaleX(1)}
.hero{height:570px;background:#062938;position:relative;color:#fff;overflow:hidden}.slides,.slide{height:100%}.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:scale(1.015);transition:opacity .55s ease,transform .8s ease;display:flex;align-items:center;padding:0 clamp(34px,7vw,110px);overflow:hidden}.slide.active{opacity:1;visibility:visible;transform:scale(1)}.slide-bg{position:absolute;width:720px;height:720px;border-radius:50%;right:-120px;top:-120px;filter:blur(20px);opacity:.55}.orb-blue{background:radial-gradient(circle,#427f98 0%,#183e4e 38%,transparent 70%)}.orb-purple{background:radial-gradient(circle,#6950b2 0%,#242247 40%,transparent 70%)}.orb-cyan{background:radial-gradient(circle,#1180a1 0%,#0c4158 40%,transparent 70%)}.gaming{background:linear-gradient(120deg,#071e2a,#171329)}.work{background:linear-gradient(120deg,#061f2c,#08374a)}
.slide-content{width:50%;position:relative;z-index:4}.slide-kicker{font-size:10px;letter-spacing:1.65px;color:var(--orange);font-weight:900}.slide h1{font-size:clamp(58px,6.5vw,94px);line-height:.86;letter-spacing:-4px;margin:18px 0 20px;font-weight:750}.slide h1 strong{color:var(--orange);font-weight:850}.slide p{font-size:17px;color:#c9d5da;max-width:560px}.slide-price{display:flex;flex-direction:column;margin:23px 0 20px}.slide-price del{font-size:12px;color:#8ea1aa}.slide-price b{font-size:36px}.slide-cta{display:flex;gap:8px}.slide-cta button,.offer-copy button{border:0;background:var(--orange);color:#15232a;border-radius:10px;padding:12px 18px;font-weight:900;cursor:pointer}.slide-cta .outline{background:transparent;border:1px solid #ffffff55;color:#fff}.hero-object{position:absolute;right:9%;top:50%;transform:translateY(-50%);width:40%;height:78%;z-index:3}.promo-pill{position:absolute;right:5%;top:7%;background:var(--orange);color:#132027;border-radius:999px;padding:8px 12px;font-size:10px;font-weight:950;letter-spacing:1px;box-shadow:0 10px 25px rgba(0,0,0,.18)}.dark-pill{background:#fff}.phone{position:absolute;width:185px;height:360px;border:9px solid #eef2f3;border-radius:36px;background:linear-gradient(155deg,#609db8,#082d3e);box-shadow:0 35px 60px rgba(0,0,0,.38)}.phone:before{content:"";position:absolute;width:55px;height:18px;background:#eef2f3;left:50%;top:-3px;transform:translateX(-50%);border-radius:0 0 12px 12px}.phone i{position:absolute;width:54px;height:54px;border-radius:18px;background:#102d3b;right:10px;top:14px;box-shadow:inset 0 0 0 5px rgba(255,255,255,.18)}.phone span{position:absolute;width:10px;height:10px;border-radius:50%;background:#8ed3e8;right:32px;top:36px}.phone-a{right:8%;top:14%;transform:rotate(9deg)}.phone-b{right:40%;top:25%;transform:rotate(-8deg);background:linear-gradient(155deg,#d6d5d2,#7a8a90)}.phone-b i{background:#394f59}.ps5{position:absolute;width:180px;height:350px;left:45%;top:6%;background:#f4f5f5;border-radius:90% 25% 28% 85%/35% 25% 85% 65%;transform:rotate(-8deg);box-shadow:0 35px 55px rgba(0,0,0,.3)}.ps5:after{content:"";position:absolute;inset:14px 55px;background:#101d28;border-radius:45%}.controller{position:absolute;width:210px;height:105px;background:#f4f5f5;left:10%;bottom:16%;border-radius:45% 45% 60% 60%;transform:rotate(10deg);box-shadow:0 25px 35px rgba(0,0,0,.32)}.controller:before,.controller:after{content:"";position:absolute;width:55px;height:65px;background:#f4f5f5;bottom:-30px;border-radius:10px 10px 60% 60%}.controller:before{left:18px;transform:rotate(15deg)}.controller:after{right:18px;transform:rotate(-15deg)}.controller span,.controller i{position:absolute;width:26px;height:26px;background:#27343d;border-radius:50%;top:35px}.controller span{left:55px}.controller i{right:55px}.laptop{position:absolute;right:2%;top:20%;width:480px}.laptop-screen{width:420px;height:260px;border:12px solid #ced6d9;border-radius:14px;background:linear-gradient(145deg,#0f6280,#ffa826);display:grid;place-items:center;box-shadow:0 30px 55px rgba(0,0,0,.32)}.laptop-screen span{font-size:110px;font-weight:950;color:#fff;opacity:.85}.laptop-base{width:480px;height:18px;background:#dce1e3;border-radius:3px 3px 25px 25px;transform:perspective(180px) rotateX(12deg);margin-left:-30px}.slide-index{position:absolute;right:40px;bottom:40px;font-size:12px;font-weight:900;color:#fff}.slide-index span{color:#75909b}.hero-arrow{position:absolute;z-index:8;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid #ffffff55;background:#ffffff10;color:#fff;font-size:29px;cursor:pointer;backdrop-filter:blur(8px)}.hero-arrow.prev{left:18px}.hero-arrow.next{right:18px}.hero-nav{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);z-index:8;display:flex;align-items:center;gap:14px}.hero-dots{display:flex;gap:7px}.hero-dots button{width:8px;height:8px;border-radius:50%;border:0;background:#ffffff55;padding:0;cursor:pointer}.hero-dots button.active{background:var(--orange)}.hero-progress{width:100px;height:2px;background:#ffffff35}.hero-progress i{display:block;width:0;height:100%;background:var(--orange)}
.section{max-width:1360px;margin:auto;padding:64px clamp(18px,4vw,52px)}.section-heading{margin-bottom:26px}.section-heading.row{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-heading h2,.catalog-intro h2,.contact-section h2{font-size:clamp(30px,3.2vw,46px);letter-spacing:-1.5px;margin:6px 0}.section-heading p,.catalog-intro p{color:var(--muted);margin:5px 0;max-width:650px}.sup{font-size:10px;font-weight:950;letter-spacing:1.45px;color:var(--blue)}.sup.orange{color:#dd7e00}.text-btn{border:0;background:transparent;color:var(--blue);font-weight:900;cursor:pointer}
.journey-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.journey{border:1px solid var(--line);background:#fff;border-radius:18px;padding:20px;text-align:left;display:flex;gap:16px;align-items:center;cursor:pointer;transition:.25s;box-shadow:0 8px 25px rgba(0,0,0,.02)}.journey:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#bfd0d7}.journey-icon{width:60px;height:60px;border-radius:16px;background:#eaf1f3;display:grid;place-items:center;flex:0 0 auto;color:var(--blue);font-size:24px}.phone-mini:after{content:"";width:20px;height:38px;border:3px solid var(--orange);border-radius:7px}.laptop-mini:after{content:"";width:35px;height:23px;border:3px solid var(--blue);border-bottom-width:6px;border-radius:4px}.journey small,.journey b,.journey em{display:block}.journey small{font-size:9px;color:var(--orange);font-weight:950;letter-spacing:.9px}.journey b{font-size:14px;margin:4px 0}.journey em{font-style:normal;font-size:10px;color:var(--muted)}
.commercial{padding-top:28px}.offer-feature{min-height:390px;border-radius:28px;background:linear-gradient(120deg,#071f2b 0%,#0a3e56 60%,#0d5a77 100%);color:#fff;display:grid;grid-template-columns:1.15fr .85fr;overflow:hidden;position:relative}.offer-feature:before{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:#ffa82625;right:-50px;top:-90px}.offer-copy{padding:48px;position:relative;z-index:2}.offer-copy>span{font-size:10px;letter-spacing:1.6px;color:var(--orange);font-weight:950}.offer-copy h3{font-size:42px;letter-spacing:-1.5px;margin:12px 0}.offer-copy p{color:#c8d5da;max-width:520px}.feature-price{display:flex;align-items:center;gap:14px;margin:25px 0}.feature-price del{color:#8199a3}.feature-price b{font-size:32px}.feature-price strong{font-size:10px;background:var(--orange);color:#17232a;padding:6px 8px;border-radius:6px}.feature-product{position:relative}.feature-product .isolated{left:35%;top:7%;transform:rotate(8deg);width:190px;height:370px}.discount-bubble{position:absolute;left:10%;top:18%;width:85px;height:85px;border-radius:50%;background:var(--orange);color:#12232b;font-size:26px;font-weight:950;display:grid;place-items:center}.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,1fr);gap:12px;overflow-x:auto;padding:18px 2px 8px;scroll-snap-type:x mandatory}
.product-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;min-width:0;scroll-snap-align:start;transition:.23s;position:relative}.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.product-visual{height:190px;background:linear-gradient(145deg,#f7f9fa,#e8eef0);display:grid;place-items:center;position:relative;overflow:hidden}.product-visual:after{content:"";width:110px;height:110px;border-radius:50%;background:var(--accent);filter:blur(30px);opacity:.25;position:absolute}.visual-shape{position:relative;z-index:2;width:92px;height:130px}.visual-shape.phone{position:relative;width:72px;height:138px;border:6px solid #293942;border-radius:17px;background:linear-gradient(150deg,var(--accent),#dfe8eb);box-shadow:0 15px 25px #0002}.visual-shape.laptop{width:135px;height:84px;border:7px solid #667983;border-radius:7px;background:linear-gradient(145deg,var(--accent),#dce5e8);box-shadow:0 14px 20px #0002}.visual-shape.laptop:after{content:"";position:absolute;width:155px;height:8px;background:#81919a;left:-17px;bottom:-13px;border-radius:2px 2px 10px 10px}.visual-shape.monitor,.visual-shape.tv{width:130px;height:82px;border:7px solid #52636d;background:linear-gradient(145deg,var(--accent),#dbe6e9);border-radius:5px}.visual-shape.monitor:after{content:"";position:absolute;width:40px;height:30px;border-bottom:6px solid #647780;border-left:6px solid transparent;border-right:6px solid transparent;left:38px;bottom:-32px}.visual-shape.console{width:60px;height:135px;background:#f7f7f7;border-radius:55% 20% 25% 60%;box-shadow:inset -15px 0 #15232c,0 15px 25px #0002}.visual-shape.headphones{width:105px;height:85px;border:13px solid #374a55;border-bottom-color:transparent;border-radius:60px 60px 0 0}.visual-shape.headphones:before,.visual-shape.headphones:after{content:"";position:absolute;width:24px;height:48px;background:var(--accent);top:45px;border-radius:10px}.visual-shape.headphones:before{left:-12px}.visual-shape.headphones:after{right:-12px}.visual-shape.speaker{width:65px;height:125px;border-radius:25px;background:linear-gradient(145deg,var(--accent),#25343c);box-shadow:0 15px 25px #0002}.visual-shape.keyboard{width:140px;height:58px;background:#28353b;border-radius:8px;transform:perspective(150px) rotateX(20deg);box-shadow:inset 0 0 0 5px #3c4b52,0 15px 22px #0002}.visual-shape.mouse{width:70px;height:105px;border-radius:50% 50% 42% 42%;background:linear-gradient(145deg,var(--accent),#202d34)}.visual-shape.charger,.visual-shape.powerbank,.visual-shape.ssd,.visual-shape.stream,.visual-shape.projector,.visual-shape.camera,.visual-shape.airfryer,.visual-shape.cable{width:82px;height:110px;border-radius:16px;background:linear-gradient(145deg,var(--accent),#e5ebed);box-shadow:0 15px 25px #0002}.visual-shape.camera{height:70px;border-radius:30px}.visual-shape.airfryer{width:92px;height:120px;border-radius:35px 35px 22px 22px;background:linear-gradient(145deg,#222,var(--accent))}.product-tag{position:absolute;left:12px;top:12px;z-index:4;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:950;letter-spacing:.75px;background:#fff;color:var(--blue);box-shadow:0 5px 15px #0001}.product-tag.offer{background:var(--orange);color:#1a272d}.product-body{padding:15px}.product-body small{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.7px}.product-body h4{font-size:14px;line-height:1.25;min-height:35px;margin:5px 0 12px}.old-price{font-size:10px;text-decoration:line-through;color:#99a5aa;min-height:13px}.product-price{font-size:20px;font-weight:950;color:var(--blue)}.stock{font-size:9px;color:#60806d;margin-top:5px}.stock.none{color:#b5624b}.card-actions{display:flex;gap:6px;margin-top:12px}.card-actions button{flex:1;border:1px solid var(--line);background:#fff;padding:8px 5px;border-radius:9px;font-size:10px;font-weight:850;cursor:pointer}.card-actions button.primary-mini{background:var(--blue);color:#fff;border-color:var(--blue)}
.featured{padding-top:40px}.featured-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}.featured-grid .product-card:first-child{grid-row:span 2}.featured-grid .product-card:first-child .product-visual{height:340px}.featured-grid .product-card:first-child .product-body h4{font-size:22px}.featured-grid .product-card:first-child .product-price{font-size:28px}.newarrivals{padding-top:30px}.new-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.catalog-wrap{margin-top:20px;background:#eef3f5;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.catalog-intro{padding-bottom:25px}.catalog-layout{display:grid;grid-template-columns:250px 1fr;gap:30px;padding-top:0;align-items:start}.category-dock{background:#fff;border:1px solid var(--line);border-radius:18px;position:sticky;top:62px;overflow:hidden;max-height:calc(100vh - 80px);overflow-y:auto}.dock-head{display:flex;justify-content:space-between;align-items:center;padding:16px 17px;border-bottom:1px solid var(--line)}.dock-head small,.dock-head b{display:block}.dock-head small{font-size:8px;color:var(--orange);font-weight:900;letter-spacing:1px}.dock-head button{display:none;border:0;background:#edf2f4;border-radius:50%;width:32px;height:32px}.dock-group{border-bottom:1px solid #edf1f2}.dock-group>button{width:100%;border:0;background:#fff;display:flex;justify-content:space-between;padding:13px 16px;color:var(--blue);font-weight:900;font-size:11px;cursor:pointer}.dock-group>button span:last-child{color:#9aa9b0;font-size:9px}.dock-sub{display:none;padding:0 9px 10px}.dock-group.open .dock-sub{display:block}.dock-sub button,.dock-specials button{width:100%;border:0;background:transparent;text-align:left;padding:8px;border-radius:8px;font-size:10px;color:#60717a;cursor:pointer}.dock-sub button:hover,.dock-specials button:hover{background:#eef4f6;color:var(--blue)}.dock-specials{padding:11px}.catalog-toolbar{display:flex;justify-content:space-between;align-items:end;gap:15px}.catalog-path{font-size:9px;color:var(--orange);font-weight:950;letter-spacing:1.2px}.catalog-toolbar h3{font-size:28px;margin:3px 0}.catalog-toolbar small{color:var(--muted)}.catalog-actions{display:flex;gap:7px}.catalog-actions button,.catalog-actions select{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 12px}.active-chips{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.chip{border:0;background:#dfe9ed;border-radius:999px;padding:6px 9px;font-size:9px;color:var(--blue)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.contact-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:stretch}.contact-copy{padding:20px 0}.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:25px}.contact-cards a{background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px;text-decoration:none}.contact-cards small,.contact-cards b{display:block}.contact-cards small{font-size:8px;color:var(--orange);font-weight:950;letter-spacing:1px}.contact-cards b{font-size:11px;margin-top:3px}.map-wrap{min-height:370px;border-radius:20px;overflow:hidden;position:relative;border:1px solid var(--line);background:#dfe7ea}.map-wrap iframe{width:100%;height:100%;min-height:370px;border:0}.map-wrap>a{position:absolute;right:12px;bottom:12px;background:#fff;color:var(--blue);padding:10px 12px;border-radius:9px;text-decoration:none;font-size:10px;font-weight:900;box-shadow:0 7px 20px #0002}
footer{background:#061d28;color:#bac8ce;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px;padding:50px clamp(25px,6vw,90px)}footer img{width:180px;background:#fff;border-radius:8px;padding:7px}footer p{font-size:11px}footer small{display:block;color:var(--orange);font-size:8px;font-weight:950;letter-spacing:1px;margin-bottom:12px}footer a{display:block;text-decoration:none;font-size:11px;margin:8px 0;color:#d9e2e5}.creator a{font-size:17px;font-weight:900;color:#fff}
.shade{display:none;position:fixed;inset:0;background:#00131dbd;z-index:50}.shade.show{display:block}.drawer{position:fixed;right:-580px;top:0;width:min(560px,100%);height:100%;background:#fff;z-index:60;padding:28px;transition:right .3s ease;overflow:auto}.drawer.open{right:0}.drawer-head{display:flex;justify-content:space-between;gap:20px}.drawer-head h3{font-size:28px;letter-spacing:-.8px;margin:5px 0 25px}.drawer-head button,.modal-x{border:0;background:#edf2f4;width:38px;height:38px;border-radius:50%;font-size:20px;cursor:pointer}.big-search{height:54px;border:2px solid var(--blue);border-radius:13px;display:flex;align-items:center;padding:0 14px}.big-search span{font-size:24px;color:var(--blue)}.big-search input{border:0;outline:0;flex:1;padding:0 10px;font-size:14px}.filters{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.filters label{font-size:9px;font-weight:900;color:#60727b}.filters select{display:block;width:100%;margin-top:5px;border:1px solid var(--line);padding:11px;border-radius:8px;background:#fff}.primary{border:0;background:var(--orange);padding:12px 16px;border-radius:10px;font-weight:950;cursor:pointer}.wide{width:100%}.cart-items{min-height:200px}.cart-item{display:grid;grid-template-columns:55px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.cart-thumb{width:55px;height:55px;background:#eef2f4;border-radius:10px;display:grid;place-items:center}.cart-item h5{margin:0;font-size:11px}.cart-item small{display:block;color:var(--muted);margin-top:3px}.cart-item button{border:0;background:transparent;cursor:pointer}.cart-footer{border-top:1px solid var(--line);padding-top:15px}.cart-footer>div{display:flex;justify-content:space-between;margin-bottom:13px;font-size:11px}
.modal{display:none;position:fixed;inset:0;z-index:70;background:#00131dbd;place-items:center;padding:20px}.modal.show{display:grid}.modal-card{background:#fff;border-radius:20px;width:min(820px,95vw);max-height:90vh;overflow:auto;padding:28px;position:relative}.modal-x{position:absolute;right:18px;top:18px;z-index:3}.detail{display:grid;grid-template-columns:1fr 1fr;gap:28px}.detail-visual{min-height:390px;background:#eef3f5;border-radius:16px;display:grid;place-items:center}.detail-visual .visual-shape{transform:scale(1.6)}.detail-info{padding:20px 0}.detail-info h2{font-size:30px;letter-spacing:-1px}.detail-specs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:20px 0}.detail-specs span{background:#f2f5f6;border-radius:8px;padding:9px;font-size:10px}.wa-card{width:min(440px,95vw)}.wa-brand{background:var(--blue);color:#fff;border-radius:12px;padding:14px}.wa-brand small{display:block;opacity:.7;font-size:9px;margin-top:3px}.wa-chat{background:#e8e2d8;padding:16px;border-radius:12px;margin:10px 0}.bubble{background:#fff;border-radius:10px;padding:9px;font-size:11px;margin-bottom:8px}.bubble.mine{margin-left:35px;background:#d9fdd3}
@media(max-width:1080px){.product-grid{grid-template-columns:repeat(3,1fr)}.journey-grid{grid-template-columns:repeat(2,1fr)}.new-grid{grid-template-columns:repeat(2,1fr)}.featured-grid{grid-template-columns:1.4fr 1fr}.featured-grid .product-card:first-child{grid-row:span 1}.featured-grid .product-card:first-child .product-visual{height:190px}}
@media(max-width:760px){
.announcement{height:auto;min-height:27px}.announce-track{justify-content:flex-start;overflow:hidden;white-space:nowrap;padding:7px 10px;gap:16px}.announce-track span:nth-child(2){display:none}.site-header{height:62px;padding:7px 9px;gap:8px;position:sticky;top:0;z-index:30}.logo img{width:128px}.header-search{display:none}.hamb{display:grid;width:37px;height:37px;border:0;background:#eef3f5;border-radius:10px;padding:10px;gap:4px}.hamb span{height:2px;background:var(--blue);display:block}.head-actions{gap:4px}.head-btn{min-width:38px;width:38px;height:38px}.head-btn small{display:none}.head-btn.admin{display:none}.category-bar{display:none}.hero{height:520px}.slide{padding:35px 18px 70px;align-items:flex-start}.slide-content{width:100%;z-index:5}.slide-kicker{font-size:8px}.slide h1{font-size:52px;letter-spacing:-2.6px;margin:14px 0}.slide p{font-size:13px;width:72%}.slide-price b{font-size:29px}.slide-cta button{padding:10px 12px;font-size:10px}.hero-object{right:-20%;top:58%;width:75%;height:60%;opacity:.7}.phone{width:135px;height:265px}.phone-a{right:15%}.phone-b{right:42%}.ps5{width:130px;height:250px;left:46%}.controller{width:155px;height:78px;left:6%;bottom:7%}.laptop{right:-30%;top:36%;transform:scale(.7)}.promo-pill{right:13%;top:3%;font-size:8px;padding:6px 8px}.slide-index{right:16px;bottom:18px}.hero-arrow{width:34px;height:34px;top:auto;bottom:13px}.hero-arrow.prev{left:17px}.hero-arrow.next{right:17px}.hero-nav{bottom:28px}.section{padding:45px 14px}.section-heading.row{align-items:flex-start}.section-heading h2,.catalog-intro h2,.contact-section h2{font-size:31px}.journey-grid{grid-template-columns:1fr 1fr;gap:8px}.journey{padding:12px;gap:10px;align-items:flex-start;min-height:128px;flex-direction:column}.journey-icon{width:42px;height:42px}.journey b{font-size:12px}.journey em{font-size:9px}.offer-feature{grid-template-columns:1fr;min-height:480px}.offer-copy{padding:28px 20px;z-index:4}.offer-copy h3{font-size:32px}.feature-product{position:absolute;right:-25px;bottom:-20px;width:48%;height:55%;opacity:.72}.feature-product .isolated{left:0;top:0;width:140px;height:275px}.discount-bubble{left:-40%;top:0;width:65px;height:65px;font-size:19px}.rail{grid-auto-columns:68%}.featured-grid{grid-template-columns:1fr 1fr;gap:8px}.featured-grid .product-card:first-child{grid-column:1/-1}.new-grid{grid-template-columns:1fr 1fr;gap:8px}.product-visual{height:145px}.product-body{padding:11px}.product-body h4{font-size:12px}.product-price{font-size:17px}.catalog-layout{display:block}.category-dock{position:fixed;left:-290px;top:0;width:280px;height:100%;max-height:none;border-radius:0;z-index:65;transition:left .3s}.category-dock.mobile-open{left:0}.dock-head button{display:block}.catalog-toolbar{align-items:flex-start;flex-direction:column}.catalog-actions{width:100%}.catalog-actions>*{flex:1}.product-grid{grid-template-columns:1fr 1fr;gap:8px}.contact-section{grid-template-columns:1fr}.contact-cards{grid-template-columns:1fr 1fr}.map-wrap,.map-wrap iframe{min-height:310px}footer{grid-template-columns:1fr 1fr;padding:35px 18px;gap:28px}footer>div:first-child{grid-column:1/-1}.filters{grid-template-columns:1fr}.drawer{padding:20px 16px}.detail{grid-template-columns:1fr}.detail-visual{min-height:250px}.detail-info{padding:0}.detail-info h2{font-size:24px}
}

/* v0.2.1 refinements */
.announce-wa{border:0;background:transparent;color:#fff;font:inherit;font-weight:800;cursor:pointer;padding:0}
.mobile-searchbar{display:none}
.contact-link{background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px;text-align:left;cursor:pointer;color:var(--ink)}
.contact-link small,.contact-link b{display:block}
.contact-link small{font-size:8px;color:var(--orange);font-weight:950;letter-spacing:1px}
.contact-link b{font-size:11px;margin-top:3px}
.footer-wa{display:block;border:0;background:transparent;color:#d9e2e5;padding:0;font-size:11px;margin:8px 0;cursor:pointer}
.slogan{font-size:15px!important;font-weight:800;color:#fff!important;letter-spacing:-.2px;margin-top:12px}
.floating-actions{position:fixed;right:18px;bottom:18px;z-index:42;display:flex;flex-direction:column;gap:9px}
.float-btn{width:48px;height:48px;border-radius:50%;border:0;box-shadow:0 10px 26px rgba(0,0,0,.22);cursor:pointer;font-weight:950}
.up-btn{background:#fff;color:var(--blue);opacity:0;pointer-events:none;transform:translateY(6px);transition:.2s}
.up-btn.show{opacity:1;pointer-events:auto;transform:none}
.wa-float{background:#22c767;color:#fff;font-size:11px}
.product-consult{margin-top:8px;border:1px solid #cfdde2;background:#fff;color:var(--blue)}
@media(max-width:760px){
  .announcement{position:relative;z-index:31}
  .site-header{position:relative;top:auto;height:72px;padding:10px 10px 9px;border-bottom:0}
  .logo{align-self:center}
  .logo img{width:145px;max-height:52px;object-fit:contain}
  .mobile-searchbar{display:flex;height:44px;margin:0 10px 10px;background:#fff;border:1px solid var(--line);border-radius:12px;align-items:center;gap:8px;padding:0 13px;color:#7b8b93;box-shadow:0 5px 16px rgba(6,58,85,.06);cursor:pointer;position:relative;z-index:29}
  .mobile-searchbar span:first-child{font-size:21px;color:var(--blue)}
  .search-icon-btn{display:none}
  .head-btn.cart{width:42px;min-width:42px}
  .hero{margin-top:0}
  .floating-actions{right:12px;bottom:14px;gap:8px}
  .float-btn{width:46px;height:46px}
}

/* =========================================================
   v0.2.3 — targeted repair build
   Preserves v0.2.1 visual/functional baseline
   ========================================================= */

/* Header breathing room on ALL devices */
.announcement{position:relative;z-index:31}
.site-header{
  margin-top:10px;
  border-top:1px solid #eef2f3;
}

/* No redundant Search button: the search bar is the only search entry */
.search-icon-btn,#searchBtn{display:none!important}

/* Keep desktop header balanced after removing Search */
.head-actions{gap:8px}

/* WhatsApp Signature — self-contained, without touching catalog/hero rules */
.wa-modal{padding:20px}
.wa-signature{
  width:min(470px,94vw);
  max-height:92vh;
  background:#efeae2;
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 28px 80px rgba(0,20,30,.38)
}
.wa-signature-head{
  min-height:76px;background:var(--blue);color:#fff;
  display:flex;align-items:center;gap:12px;padding:12px 14px
}
.wa-avatar{
  width:48px;height:48px;border-radius:50%;background:#fff;
  display:grid;place-items:center;overflow:hidden;flex:0 0 auto
}
.wa-avatar img{width:92%;height:92%;object-fit:contain}
.wa-store{flex:1;min-width:0}
.wa-store b{display:block;font-size:15px}
.wa-store small{display:flex;align-items:center;gap:5px;margin-top:3px;font-size:9px;color:#d3e4eb}
.wa-store i{width:7px;height:7px;border-radius:50%;background:#39d778;display:inline-block}
.wa-close{
  width:36px;height:36px;border-radius:50%;border:0;background:#ffffff18;color:#fff;
  font-size:22px;cursor:pointer
}
.wa-body{
  min-height:290px;max-height:55vh;overflow:auto;padding:18px 15px;
  background:
    radial-gradient(circle at 10px 10px,rgba(7,78,94,.035) 1.2px,transparent 1.4px) 0 0/20px 20px,
    #efeae2
}
.wa-date{
  width:max-content;margin:0 auto 13px;background:#fff9;padding:5px 8px;border-radius:7px;
  color:#60727a;font-size:8px;font-weight:900;letter-spacing:.7px
}
.wa-bubble{
  max-width:86%;border-radius:10px;padding:9px 10px 6px;box-shadow:0 1px 1px #0001;
  margin-bottom:9px;font-size:11px;line-height:1.35
}
.wa-bubble b{display:block;color:var(--blue);font-size:9px;margin-bottom:3px}
.wa-bubble p{margin:0}.wa-bubble time{display:block;text-align:right;color:#809097;font-size:7px;margin-top:3px}
.wa-bubble.received{background:#fff;border-top-left-radius:3px}
.wa-bubble.sent{background:#d9fdd3;margin-left:auto;border-top-right-radius:3px}
.wa-product-context{
  width:86%;margin-left:auto;margin-bottom:8px;background:#fff;border-radius:10px;
  overflow:hidden;border-left:4px solid var(--orange);box-shadow:0 1px 2px #0001
}
.wa-context-inner{display:grid;grid-template-columns:54px 1fr;gap:9px;align-items:center;padding:8px}
.wa-context-thumb{width:54px;height:54px;border-radius:8px;background:#edf2f4;display:grid;place-items:center;overflow:hidden}
.wa-context-thumb .visual-shape{transform:scale(.38)}
.wa-context-inner small{display:block;color:#74858d;font-size:7px;text-transform:uppercase}
.wa-context-inner b{display:block;font-size:10px;margin:2px 0}
.wa-context-inner strong{display:block;color:var(--blue);font-size:12px}
.wa-quick{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}
.wa-quick button{
  border:1px solid #c7d5da;background:#fff;color:var(--blue);padding:7px 9px;border-radius:999px;
  font-size:8px;font-weight:850;cursor:pointer
}
.wa-compose{background:#f7f6f3;display:flex;align-items:center;gap:8px;padding:9px 10px;border-top:1px solid #ddd7cf}
.wa-input{flex:1;min-height:43px;background:#fff;border-radius:22px;padding:7px 11px;display:flex;align-items:center;gap:8px}
.wa-input>span{color:#7d8b91;font-size:16px}
#waEditable{outline:0;flex:1;max-height:70px;overflow:auto;font-size:10px;color:#38484f;line-height:1.3}
.wa-send{
  width:43px;height:43px;border:0;border-radius:50%;background:#21b866;color:#fff;
  font-size:17px;display:grid;place-items:center;cursor:pointer;padding-left:3px
}

/* Mobile: preserve v0.2.1, only add spacing + 2-column catalog language */
@media(max-width:760px){
  .site-header{
    margin-top:10px;
    height:74px;
    padding-top:11px;
    padding-bottom:10px;
  }
  .site-header .logo img{max-height:52px}

  /* Search bar remains the sole mobile search access */
  .mobile-searchbar{display:flex}
  #searchBtn{display:none!important}

  /* Products remain in two columns, without touching hero/slides JS or structure */
  .product-grid,.new-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .featured-grid .product-card:first-child{grid-column:1/-1}
  .rail{
    grid-auto-flow:column;
    grid-auto-columns:68%;
    overflow-x:auto;
  }

  /* App-like WhatsApp Signature only */
  .wa-modal{padding:0;align-items:end}
  .wa-signature{
    width:100%;max-width:none;height:100dvh;max-height:100dvh;border-radius:0;
    display:flex;flex-direction:column
  }
  .wa-body{flex:1;min-height:0;max-height:none;padding:18px 12px}
  .wa-quick{display:none}
  .wa-compose{padding:8px 9px calc(8px + env(safe-area-inset-bottom))}
  #waEditable{font-size:11px}
}

/* =========================================================
   v0.2.4 — MOBILE VIEWPORT REPAIR
   Fuente: último ZIP adjuntado por el usuario.
   Solo corrige layout móvil; no modifica JS, Hero, datos ni Studio.
   ========================================================= */

html, body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}

@media(max-width:760px){

  /* ===== Encabezado móvil ===== */
  .announcement{
    width:100%;
    overflow:hidden;
  }

  .site-header{
    width:100%;
    max-width:100%;
    margin-top:10px;
    height:78px;
    padding:10px 10px;
    display:grid;
    grid-template-columns:42px minmax(0,1fr) 42px;
    align-items:center;
    gap:6px;
    overflow:hidden;
  }

  .hamb{
    width:40px;
    height:40px;
    justify-self:start;
    align-self:center;
  }

  .site-header .logo{
    width:100%;
    min-width:0;
    max-width:100%;
    height:56px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
  }

  .site-header .logo img{
    width:min(155px,100%);
    height:52px;
    max-width:100%;
    max-height:52px;
    object-fit:contain;
    object-position:center;
  }

  .head-actions{
    width:42px;
    min-width:42px;
    margin:0;
    justify-self:end;
  }

  .head-actions .head-btn:not(.cart){
    display:none!important;
  }

  .head-btn.cart{
    width:40px;
    min-width:40px;
    height:40px;
  }

  .mobile-searchbar{
    width:calc(100% - 20px);
    max-width:calc(100% - 20px);
    margin:8px 10px 10px;
  }

  /* ===== Hero: nunca más ancho que el viewport ===== */
  .hero,
  .slides,
  .slide{
    width:100%;
    max-width:100%;
    overflow:hidden;
  }

  .hero{
    height:440px;
  }

  .slide{
    padding:28px 14px 64px;
    align-items:flex-start;
  }

  .slide-content{
    width:58%;
    max-width:58%;
    min-width:0;
    overflow:visible;
    position:relative;
    z-index:5;
  }

  .slide-kicker{
    max-width:100%;
    white-space:normal;
    overflow-wrap:anywhere;
    font-size:7px;
    line-height:1.25;
  }

  .slide h1{
    width:100%;
    max-width:100%;
    margin:12px 0 14px;
    font-size:clamp(33px,10.4vw,42px);
    line-height:.91;
    letter-spacing:-1.7px;
    overflow-wrap:normal;
    word-break:normal;
  }

  .slide p{
    width:100%;
    max-width:100%;
    font-size:10px;
    line-height:1.35;
  }

  .slide-price{
    margin:14px 0;
  }

  .slide-price del{
    font-size:8px;
  }

  .slide-price b{
    font-size:23px;
  }

  .slide-cta{
    display:flex;
    gap:5px;
    flex-wrap:wrap;
  }

  .slide-cta button{
    padding:9px 9px;
    font-size:8px;
  }

  .hero-object{
    width:42%;
    max-width:42%;
    height:67%;
    right:0;
    top:53%;
    opacity:.9;
    transform:translateY(-50%);
    overflow:visible;
  }

  .phone{
    width:104px;
    height:205px;
    border-width:6px;
    border-radius:25px;
  }

  .phone-a{
    right:-10px;
    top:18%;
  }

  .phone-b{
    right:43px;
    top:32%;
  }

  .ps5{
    width:92px;
    height:185px;
    left:auto;
    right:8px;
    top:12%;
  }

  .controller{
    width:116px;
    height:59px;
    left:auto;
    right:18px;
    bottom:14%;
  }

  .laptop{
    width:210px;
    right:-55px;
    top:33%;
    transform:scale(.72);
    transform-origin:right center;
  }

  .laptop-screen{
    width:195px;
    height:125px;
    border-width:7px;
  }

  .laptop-screen span{
    font-size:55px;
  }

  .laptop-base{
    width:225px;
    height:11px;
    margin-left:-15px;
  }

  .promo-pill{
    right:7px;
    top:6%;
    font-size:6px;
    padding:5px 7px;
  }

  .slide-index{
    right:10px;
    bottom:13px;
    font-size:8px;
  }

  .hero-arrow{
    width:30px;
    height:30px;
    font-size:20px;
    bottom:14px;
  }

  .hero-arrow.prev{left:10px}
  .hero-arrow.next{right:10px}

  .hero-nav{
    bottom:28px;
  }

  .hero-progress{
    width:70px;
  }

  /* ===== Todas las secciones respetan ancho real ===== */
  .section,
  .catalog-intro,
  .catalog-layout,
  .catalog-main,
  .commercial,
  .featured,
  .newarrivals,
  .journeys,
  .contact-section{
    width:100%;
    max-width:100%;
    min-width:0;
  }

  .section{
    padding-left:12px;
    padding-right:12px;
  }

  .section-heading,
  .section-heading.row{
    width:100%;
    max-width:100%;
    min-width:0;
  }

  .section-heading.row{
    align-items:flex-start;
    gap:10px;
  }

  .section-heading.row > div{
    min-width:0;
    flex:1;
  }

  .section-heading h2,
  .catalog-intro h2,
  .contact-section h2{
    width:100%;
    max-width:100%;
    font-size:clamp(27px,8.5vw,32px);
    line-height:1.02;
    letter-spacing:-1.1px;
    overflow-wrap:break-word;
  }

  .section-heading p,
  .catalog-intro p{
    max-width:100%;
    font-size:11px;
    line-height:1.4;
  }

  .text-btn{
    flex:0 0 auto;
    max-width:90px;
    padding:4px;
    font-size:9px;
    white-space:normal;
    text-align:right;
  }

  /* ===== Lenguaje comercial en 2 columnas ===== */
  .journey-grid,
  .new-grid,
  .product-grid,
  .featured-grid{
    width:100%;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }

  .journey,
  .product-card{
    width:100%;
    min-width:0;
    max-width:100%;
  }

  .journey{
    min-height:128px;
    padding:11px;
  }

  .journey b{
    font-size:11px;
    line-height:1.15;
  }

  .journey em{
    font-size:8px;
    line-height:1.25;
  }

  .featured-grid .product-card:first-child{
    grid-column:1/-1;
  }

  .featured-grid .product-card:first-child .product-visual{
    height:180px;
  }

  .rail{
    width:100%;
    max-width:100%;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-auto-flow:row;
    grid-auto-columns:auto;
    gap:8px;
    overflow:visible;
    scroll-snap-type:none;
    padding:12px 0 0;
  }

  .product-visual{
    height:132px;
  }

  .product-body{
    padding:10px;
  }

  .product-body h4{
    min-height:30px;
    font-size:11px;
  }

  .product-price{
    font-size:16px;
  }

  .card-actions{
    gap:4px;
  }

  .card-actions button{
    min-width:0;
    padding:8px 3px;
    font-size:8px;
  }

  /* ===== Oferta protagonista ===== */
  .offer-feature{
    width:100%;
    max-width:100%;
    min-height:440px;
    overflow:hidden;
  }

  .offer-copy{
    width:100%;
    max-width:100%;
    padding:24px 17px;
  }

  .offer-copy h3{
    font-size:28px;
  }

  .feature-product{
    right:-8px;
    width:44%;
    opacity:.78;
  }

  /* ===== Catálogo ===== */
  .catalog-layout{
    padding-left:12px;
    padding-right:12px;
  }

  .catalog-main{
    width:100%;
    min-width:0;
  }

  .catalog-toolbar{
    width:100%;
    max-width:100%;
  }

  .catalog-actions{
    width:100%;
    max-width:100%;
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .catalog-actions button,
  .catalog-actions select{
    min-width:0;
    width:100%;
  }

  /* ===== Footer / contacto ===== */
  .contact-cards{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  footer{
    width:100%;
    max-width:100%;
  }
}

@media(max-width:360px){
  .site-header{
    grid-template-columns:40px minmax(0,1fr) 40px;
    padding-left:8px;
    padding-right:8px;
  }

  .site-header .logo img{
    width:min(142px,100%);
  }

  .slide-content{
    width:60%;
    max-width:60%;
  }

  .hero-object{
    width:40%;
    max-width:40%;
    right:-3px;
  }

  .slide h1{
    font-size:33px;
  }

  .slide-cta .outline{
    display:none;
  }

  .section-heading h2,
  .catalog-intro h2,
  .contact-section h2{
    font-size:26px;
  }
}

/* v0.6.0 — Live Catalog */
.live-status{margin-top:14px;display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 9px;font-size:9px;font-weight:850;color:#6a7b83}
.live-status i{width:7px;height:7px;border-radius:50%;background:#aab5ba}.live-status.ok i{background:#2eb36c}.live-status.loading i{background:var(--orange);animation:livePulse 1s infinite}.live-status.warn i{background:#df8c2c}.live-status.demo i{background:#8d9aa0}.live-status button{border:0;background:transparent;color:var(--blue);font-size:9px;font-weight:900;cursor:pointer;padding:2px 5px}
@keyframes livePulse{50%{opacity:.3}}
.live-product-img{position:relative;z-index:2;width:88%;height:88%;object-fit:contain;display:block;filter:drop-shadow(0 12px 15px rgba(0,0,0,.12))}
.live-card .product-visual{background:linear-gradient(145deg,#fbfcfc,#e9eff1)}
.detail-gallery{min-width:0}.detail-main{min-height:390px;background:#eef3f5;border-radius:16px;display:grid;place-items:center;overflow:hidden}.detail-main img{width:92%;height:370px;object-fit:contain}.detail-thumbs{display:flex;gap:7px;margin-top:8px;overflow-x:auto;padding-bottom:3px}.detail-thumbs button{width:62px;height:62px;flex:0 0 auto;border:2px solid transparent;background:#f1f5f6;border-radius:9px;padding:3px;cursor:pointer}.detail-thumbs button.active{border-color:var(--orange)}.detail-thumbs img{width:100%;height:100%;object-fit:contain}.detail-short{font-weight:700;color:#536771}.cart-thumb .live-product-img,.wa-context-thumb .live-product-img{width:90%;height:90%;filter:none}.catalog-empty{grid-column:1/-1;background:#fff;border:1px dashed #cbd8dd;border-radius:14px;padding:34px;text-align:center;color:#72838b}.catalog-empty b,.catalog-empty span{display:block}.catalog-empty b{color:var(--blue)}.catalog-empty span{font-size:10px;margin-top:5px}
@media(max-width:760px){.live-status{max-width:100%;flex-wrap:wrap}.detail-main{min-height:250px}.detail-main img{height:235px}.detail-gallery{min-width:0}.live-product-img{width:92%;height:92%}}

/* =========================================================
   v0.6.1 — Product Card UX
   ========================================================= */
.product-card{
  display:flex;
  flex-direction:column;
  background:#fff;
  cursor:pointer;
  outline:none;
}
.product-card:focus-visible{box-shadow:0 0 0 3px rgba(6,58,85,.18),var(--shadow)}
.product-visual{
  background:#fff!important;
  border-bottom:1px solid #cdd8dc;
}
.live-card .product-visual{background:#fff!important}
.product-tag{
  background:var(--blue)!important;
  color:#fff!important;
  box-shadow:0 4px 12px rgba(6,58,85,.13);
}
.product-tag.offer{background:var(--orange)!important;color:#172229!important}
.product-tag.new-tag{background:#0878a0!important;color:#fff!important}
.product-tag.featured-tag{background:var(--blue)!important;color:#fff!important}
.product-tag.custom-tag{background:#263a45!important;color:#fff!important}
.product-body{flex:1}
.product-condition{margin:5px 0 1px;min-height:18px}
.product-condition span{
  display:inline-flex;
  align-items:center;
  min-height:18px;
  padding:3px 7px;
  border-radius:999px;
  background:#edf3f5;
  color:var(--blue);
  font-size:7px;
  font-weight:950;
  letter-spacing:.65px;
  text-transform:uppercase;
}
.card-actions{display:none!important}
.card-cart-footer{
  padding:0 10px 10px;
  margin-top:auto;
}
.card-cart-btn{
  width:100%;
  min-height:34px;
  border:0;
  border-radius:8px;
  background:var(--blue);
  color:#fff;
  font-size:9px;
  font-weight:950;
  letter-spacing:.25px;
  cursor:pointer;
  transition:transform .15s,background .15s;
}
.card-cart-btn:hover{background:#084c69}
.card-cart-btn:active{transform:translateY(1px)}
.cart-icon{margin-right:4px;font-size:10px}
.detail-condition{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin:3px 0 15px;
  padding:6px 9px;
  border-radius:8px;
  background:#edf3f5;
  color:var(--blue);
}
.detail-condition span{font-size:7px;font-weight:950;letter-spacing:.8px}
.detail-condition b{font-size:10px}
@media(max-width:760px){
  .card-cart-footer{padding:0 8px 8px}
  .card-cart-btn{min-height:32px;font-size:7px;padding:5px 3px}
  .product-condition span{font-size:6px}
}

/* =========================================================
   v0.6.2 — Image blend + unified cart + persistent feedback
   ========================================================= */

/* Photographs must visually merge with white card/modal backgrounds */
.live-product-img{
  filter:none!important;
  box-shadow:none!important;
}
.product-visual,
.live-card .product-visual{
  background:#fff!important;
}
.detail-main{
  background:#fff!important;
  border:1px solid #d6e0e4;
}
.detail-main img,
.detail-thumbs img,
.cart-thumb img,
.wa-context-thumb img{
  filter:none!important;
  box-shadow:none!important;
}
.detail-thumbs button{background:#fff!important}

/* One cart icon language everywhere */
.cart-svg{
  width:1.25em;
  height:1.25em;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
  display:block;
}
.head-cart-icon{display:grid;place-items:center;font-size:16px}
.card-cart-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  transition:background .18s,color .18s,transform .15s,box-shadow .18s;
}
.card-cart-btn:hover{
  background:#021f2d!important;
  box-shadow:0 7px 17px rgba(3,42,60,.22);
}
.card-cart-btn:hover:not(.added){text-decoration:underline;text-underline-offset:3px}
.card-cart-btn:active{transform:translateY(1px)}
.card-cart-btn.added{
  background:#167a5b!important;
  text-decoration:none!important;
}
.card-cart-btn .cart-icon{display:grid;place-items:center;margin:0;font-size:12px}
.card-cart-btn .cart-icon .cart-svg{width:15px;height:15px}
.detail-info button[data-add]{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.detail-info button[data-add] .cart-svg{width:17px;height:17px}

/* Persistent, subtle technology-styled cart reference */
.cart-dock{
  position:fixed;
  right:18px;
  bottom:132px;
  z-index:41;
  min-width:174px;
  height:56px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:7px 11px 7px 8px;
  border:1px solid rgba(6,58,85,.16);
  border-radius:16px;
  background:rgba(255,255,255,.94);
  color:var(--blue);
  box-shadow:0 10px 30px rgba(4,38,54,.14);
  backdrop-filter:blur(9px);
  transform:translateX(calc(100% + 35px));
  opacity:0;
  pointer-events:none;
  transition:transform .28s ease,opacity .28s ease,box-shadow .2s;
}
.cart-dock.has-items{
  transform:translateX(0);
  opacity:1;
  pointer-events:auto;
  cursor:pointer;
}
.cart-dock:hover{
  box-shadow:0 12px 34px rgba(4,38,54,.23);
  border-color:rgba(6,58,85,.3);
}
.cart-dock-icon{
  position:relative;
  width:42px;
  height:42px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:var(--blue);
  color:#fff;
  flex:0 0 auto;
}
.cart-dock-icon .cart-svg{width:22px;height:22px}
.cart-dock-icon b{
  position:absolute;
  right:-5px;
  top:-5px;
  min-width:18px;
  height:18px;
  padding:0 4px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:var(--orange);
  color:#15242b;
  font-size:8px;
  border:2px solid #fff;
}
.cart-dock-copy{display:flex;flex-direction:column;min-width:92px}
.cart-dock-copy small{
  font-size:7px;
  letter-spacing:.8px;
  font-weight:950;
  color:#72848c;
  transition:color .18s;
}
.cart-dock-copy strong{
  margin-top:3px;
  font-size:13px;
  color:var(--blue);
}
.cart-dock.pulse{animation:cartDockPulse .65s ease 2}
.cart-dock.pulse .cart-dock-copy small{color:#167a5b}
.cart-dock.already{animation:cartDockNudge .42s ease 1}
.cart-dock.already .cart-dock-copy small{color:#c27613}
@keyframes cartDockPulse{
  50%{transform:translateX(0) scale(1.045);box-shadow:0 12px 34px rgba(22,122,91,.24)}
}
@keyframes cartDockNudge{
  25%{transform:translateX(-5px)}
  55%{transform:translateX(3px)}
  100%{transform:translateX(0)}
}

@media(max-width:760px){
  .cart-dock{
    right:11px;
    bottom:116px;
    min-width:150px;
    height:50px;
    padding:6px 9px 6px 7px;
    border-radius:14px;
  }
  .cart-dock-icon{width:38px;height:38px;border-radius:10px}
  .cart-dock-icon .cart-svg{width:20px;height:20px}
  .cart-dock-copy strong{font-size:11px}
  .cart-dock-copy small{font-size:6px}
}

/* v0.6.3 incremental: only requested additions */
.cart-head-tools{display:flex;align-items:center;gap:7px}
.cart-clear{border:0;background:transparent;color:#914a38;font-size:8px;font-weight:900;padding:7px 8px;border-radius:7px}
.cart-clear:hover:not(:disabled){background:#fae9e4;text-decoration:underline;text-underline-offset:2px}
.cart-clear:disabled{opacity:.35;cursor:default}
.cart-summary{margin-top:auto;padding:14px 0 10px;border-top:1px solid var(--line)}
.cart-summary>div:first-child{font-size:9px;color:#74858d;margin-bottom:9px}
.cart-total-emphasis{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;background:#edf3f5;padding:13px;border-radius:11px}
.cart-total-emphasis small{font-size:8px;font-weight:950;letter-spacing:.8px;color:#657980}
.cart-total-emphasis strong{font-size:24px;line-height:1;color:var(--blue)}
#cartWhatsapp:disabled{opacity:.45;cursor:default}
.wa-cart-context{width:88%;margin:0 0 10px auto;border-radius:11px;overflow:hidden;background:#fff;border-left:4px solid var(--orange);box-shadow:0 1px 2px #0001}
.wa-cart-context-head{display:flex;justify-content:space-between;gap:10px;padding:9px 10px 7px;border-bottom:1px solid #edf0ed}
.wa-cart-context-head span{font-size:8px;font-weight:950;color:var(--blue);letter-spacing:.6px}.wa-cart-context-head b{font-size:8px;color:#76868d}
.wa-cart-products{padding:4px 10px}.wa-cart-product{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid #f0f1ee;font-size:9px}
.wa-cart-product span{min-width:0;flex:1;color:#35464d}.wa-cart-product b{white-space:nowrap;color:var(--blue)}
.wa-cart-total{display:flex;justify-content:space-between;align-items:center;padding:9px 10px;background:#f7f8f5}.wa-cart-total span{font-size:8px;color:#687980;font-weight:800}.wa-cart-total strong{font-size:13px;color:var(--blue)}
.wa-options-label{margin-top:13px}.wa-options-label b,.wa-options-label span{display:block}.wa-options-label b{font-size:9px;color:#53676f}.wa-options-label span{font-size:7px;color:#87949a;margin-top:2px}
.wa-quick button.selected{background:var(--blue);border-color:var(--blue);color:#fff}.wa-quick button.selected:before{content:"✓ ";font-weight:950}
#waEditable:empty:before{content:attr(data-placeholder);color:#9aa5aa;pointer-events:none}
@media(max-width:760px){.wa-cart-context{width:94%}.wa-quick{display:flex!important;gap:6px;flex-wrap:wrap}.wa-quick button{font-size:8px;padding:7px 8px}.cart-total-emphasis strong{font-size:21px}}

/* =========================================================
   v0.6.4 — incremental interface refinements
   ========================================================= */

/* Destacados: 3 cards PC/Tablet, 1 Mobile. No oversized first card. */
.featured-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
.featured-grid .product-card:first-child{
  grid-column:auto!important;
  grid-row:auto!important;
}
.featured-grid .product-card:first-child .product-visual{
  height:190px!important;
}
.featured-grid .product-card:first-child .product-body h4{
  font-size:inherit!important;
}
.featured-grid .product-card:first-child .product-price{
  font-size:inherit!important;
}
@media(max-width:700px){
  .featured-grid{grid-template-columns:1fr!important}
  .featured-grid .product-card:first-child{grid-column:auto!important}
}

/* Vaciar carrito: secondary, subtle, beside summary rather than close control */
.cart-summary-top{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:9px;
}
.cart-summary-top>span{font-size:9px;color:#74858d}
.cart-summary-top b{font-weight:900;color:var(--blue)}
.cart-clear{
  display:inline-flex;
  align-items:center;
  gap:4px;
  border:1px solid #ead7d0!important;
  background:#fff!important;
  color:#915341!important;
  font-size:8px!important;
  font-weight:850!important;
  padding:5px 8px!important;
  border-radius:999px!important;
}
.cart-clear:hover:not(:disabled){
  background:#fbefeb!important;
  border-color:#ddb9ad!important;
  text-decoration:none!important;
}
.trash-mini{font-size:9px}

/* Real WhatsApp glyph, preserving current floating button */
.wa-float{font-size:0!important}
.wa-svg{
  width:23px;
  height:23px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.55;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.wa-float .wa-svg path:last-child{fill:currentColor;stroke:none}

/* Cross-browser public bridge diagnostics */
.bridge-note{
  width:max-content;
  max-width:min(580px,100%);
  margin-top:7px;
  padding:7px 9px;
  border-radius:8px;
  background:#fff6df;
  border:1px solid #efd9a3;
  color:#735d27;
  font-size:8px;
  line-height:1.35;
}
.live-image-missing{
  position:relative;
  z-index:2;
  width:82%;
  height:82%;
  display:grid;
  place-items:center;
  align-content:center;
  gap:5px;
  background:#f7f9fa;
  border:1px dashed #d5dfe3;
  border-radius:14px;
  color:#8a9aa1;
}
.live-image-missing span{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:13px;
  background:#eaf0f2;
  color:var(--blue);
  font-size:14px;
  font-weight:950;
}
.live-image-missing small{font-size:7px;font-weight:800}

@media(max-width:760px){
  .wa-svg{width:22px;height:22px}
}

/* v0.6.6 — definitive real-image blend */
.live-card .product-visual:after,
.product-card.live-card .product-visual:after,
.detail-main:after,
.detail-gallery:after{
  display:none!important;
  content:none!important;
}
.live-card .live-product-img,
.detail-main img,
.detail-thumbs img{
  filter:none!important;
  box-shadow:none!important;
  text-shadow:none!important;
}

/* v0.6.7 — multiple commercial tags + related products */
.live-status{padding-right:11px}
.product-tags{position:absolute;left:10px;top:10px;z-index:5;display:flex;flex-wrap:wrap;gap:5px;max-width:calc(100% - 20px)}
.product-tags .product-tag{position:static!important;display:inline-flex;align-items:center;min-height:19px;padding:4px 7px;border-radius:999px;font-size:6px;font-weight:950;letter-spacing:.55px;white-space:nowrap}
.detail-info>.product-tags{position:static;margin:7px 0 9px;max-width:100%}
.related-products{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.related-head p{margin:3px 0 10px;font-size:9px;color:#74858d}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.related-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px;display:grid;grid-template-columns:64px 1fr;gap:9px;align-items:center;text-align:left;cursor:pointer;transition:.16s}
.related-card:hover{border-color:#b8cbd3;transform:translateY(-2px);box-shadow:0 7px 18px rgba(6,58,85,.08)}
.related-image{height:62px;display:grid;place-items:center;background:#fff;border-radius:8px;overflow:hidden}
.related-image .live-product-img{width:100%;height:100%;object-fit:contain}
.related-image .visual-shape{transform:scale(.45)}
.related-copy small,.related-copy b,.related-copy strong{display:block}
.related-copy small{font-size:6px;color:#829096;text-transform:uppercase}
.related-copy b{font-size:8px;line-height:1.2;margin-top:3px;color:var(--ink)}
.related-copy strong{font-size:10px;color:var(--blue);margin-top:5px}
@media(max-width:760px){.product-tags{left:7px;top:7px;gap:4px}.product-tags .product-tag{font-size:5.5px;padding:3px 6px}.related-grid{grid-template-columns:1fr}.related-card{grid-template-columns:58px 1fr}}

/* =========================================================
   v0.6.8 — Related products under gallery + modal balance
   ========================================================= */
.detail-left{min-width:0}
.detail-left .related-products{
  margin-top:14px;
  padding-top:13px;
  border-top:1px solid var(--line);
}
.detail-left .related-head p{
  margin:2px 0 8px;
  font-size:7px;
}
.detail-left .related-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
}
.detail-left .related-card{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:5px;
  padding:6px;
  border-radius:9px;
}
.detail-left .related-image{
  width:100%;
  height:54px;
  border-radius:7px;
}
.detail-left .related-copy small{
  font-size:5px;
  line-height:1.15;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.detail-left .related-copy b{
  font-size:6.5px;
  line-height:1.15;
  min-height:15px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.detail-left .related-copy strong{
  font-size:8px;
  margin-top:3px;
}
@media(max-width:760px){
  .detail-left .related-grid{
    display:flex;
    overflow-x:auto;
    gap:7px;
    padding-bottom:3px;
  }
  .detail-left .related-card{
    flex:0 0 132px;
  }
}

/* =========================================================
   v0.6.9 — Dynamic search + responsive related products
   ========================================================= */

/* Search suggestions */
.search-drawer{overflow-y:auto}
.big-search{position:relative;z-index:2;background:#fff}
.search-suggestions{
  margin-top:7px;
  border:1px solid var(--line);
  border-radius:12px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 12px 28px rgba(6,58,85,.10);
}
.search-suggestion{
  width:100%;
  border:0;
  border-bottom:1px solid #edf1f2;
  background:#fff;
  padding:8px 10px;
  display:grid;
  grid-template-columns:50px 1fr;
  gap:9px;
  align-items:center;
  text-align:left;
  cursor:pointer;
}
.search-suggestion:last-child{border-bottom:0}
.search-suggestion:hover,
.search-suggestion:focus-visible{background:#f5f8f9;outline:none}
.search-suggestion-img{
  width:50px;height:50px;
  display:grid;place-items:center;
  overflow:hidden;
  border-radius:8px;
  background:#fff;
}
.search-suggestion-img .live-product-img{width:100%;height:100%;object-fit:contain}
.search-suggestion-img .visual-shape{transform:scale(.35)}
.search-suggestion-copy b,
.search-suggestion-copy small,
.search-suggestion-copy strong{display:block}
.search-suggestion-copy b{font-size:10px;color:var(--ink)}
.search-suggestion-copy small{font-size:7px;color:#819097;margin-top:2px}
.search-suggestion-copy strong{font-size:9px;color:var(--blue);margin-top:3px}
.search-no-result{padding:14px;text-align:center}
.search-no-result b,.search-no-result span{display:block}
.search-no-result b{font-size:10px;color:var(--blue)}
.search-no-result span{font-size:8px;color:#839199;margin-top:3px}

/* Related: desktop remains below gallery, mobile moves to modal footer */
.related-mobile{display:none}
.related-desktop{display:block}

@media(max-width:760px){
  .related-desktop{display:none}
  .related-mobile{
    display:block;
    grid-column:1/-1;
    width:100%;
    margin-top:8px;
  }
  .related-mobile .related-products{
    margin-top:8px;
    padding-top:12px;
    border-top:1px solid var(--line);
  }
  .related-mobile .related-grid{
    display:flex;
    overflow-x:auto;
    gap:7px;
    padding-bottom:4px;
  }
  .related-mobile .related-card{
    flex:0 0 142px;
  }
  .search-suggestion{grid-template-columns:44px 1fr;padding:7px 8px}
  .search-suggestion-img{width:44px;height:44px}
}

/* v0.7.0.1 — search clear + trial Action Hub, incremental hotfix */
.big-search .search-clear{display:none;flex:0 0 auto;width:28px;height:28px;border:0;border-radius:50%;background:#edf2f4;color:var(--blue);font-size:17px;line-height:1;cursor:pointer}
.big-search .search-clear.show{display:grid;place-items:center}
.big-search .search-clear:hover{background:#dfe8eb}

.floating-actions{display:none!important}

.action-hub{position:fixed;right:18px;bottom:18px;z-index:44;display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.hub-main{width:52px;height:52px;border:0;border-radius:17px;background:var(--blue);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 12px 30px rgba(6,58,85,.28);transition:.2s}
.hub-main-plus{font-size:25px;line-height:1;transition:transform .22s}
.action-hub.open .hub-main-plus{transform:rotate(45deg)}
.hub-main:hover{background:#021f2d;transform:translateY(-1px)}
.action-hub-menu{display:flex;flex-direction:column;align-items:flex-end;gap:7px;opacity:0;transform:translateY(8px) scale(.97);pointer-events:none;transition:.18s ease}
.action-hub.open .action-hub-menu{opacity:1;transform:none;pointer-events:auto}
.hub-action{min-width:126px;height:40px;border:1px solid rgba(6,58,85,.12);border-radius:12px;background:rgba(255,255,255,.96);color:var(--blue);display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:0 11px;cursor:pointer;box-shadow:0 8px 20px rgba(4,38,54,.11);backdrop-filter:blur(8px)}
.hub-action>span{width:20px;text-align:center;font-size:17px;font-weight:900}
.hub-action small{font-size:8px;font-weight:900;letter-spacing:.2px}
.hub-action:hover{transform:translateX(-2px);border-color:rgba(6,58,85,.25);background:#fff}
.hub-wa{color:#149956}.hub-wa .wa-svg{width:20px;height:20px;flex:0 0 20px}
.hub-fav>span{font-size:21px}.hub-reviews>span{color:#f2a900}
.hub-note{position:absolute;right:62px;bottom:5px;width:max-content;max-width:230px;padding:8px 10px;border-radius:9px;background:#fff;border:1px solid var(--line);color:var(--blue);font-size:8px;font-weight:850;box-shadow:0 8px 22px rgba(4,38,54,.13)}
.action-hub #upBtn{display:flex!important}
@media(max-width:760px){.action-hub{right:12px;bottom:14px}.hub-main{width:48px;height:48px;border-radius:15px}.hub-action{min-width:112px;height:38px;padding:0 9px}.hub-action small{font-size:7px}}


/* =========================================================
   v0.7.0.2 — ACTION HUB VISUAL UPGRADE — CSS ONLY
   FUENTE: IT Phone Store(20260815-041701).zip
   No se modifica HTML ni JavaScript.
   ========================================================= */

/* Escala general del Hub para escritorio 1920x1080 */
.action-hub{
  right:24px!important;
  bottom:24px!important;
  gap:11px!important;
}

.hub-main{
  width:62px!important;
  height:62px!important;
  border-radius:19px!important;
  background:linear-gradient(145deg,#063a55,#02283b)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:
    0 14px 34px rgba(6,58,85,.34),
    inset 0 1px 0 rgba(255,255,255,.12)!important;
  position:relative!important;
}

/* Reemplaza visualmente el + sin tocar el HTML */
.hub-main-plus{
  font-size:0!important;
  width:30px!important;
  height:30px!important;
  display:block!important;
  position:relative!important;
}
.hub-main-plus::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    radial-gradient(circle at 24% 24%,#fff 0 2px,transparent 2.5px),
    radial-gradient(circle at 76% 24%,#fff 0 2px,transparent 2.5px),
    radial-gradient(circle at 24% 76%,#fff 0 2px,transparent 2.5px),
    radial-gradient(circle at 76% 76%,#fff 0 2px,transparent 2.5px),
    linear-gradient(#fff,#fff) center 24%/48% 1.5px no-repeat,
    linear-gradient(#fff,#fff) center 76%/48% 1.5px no-repeat,
    linear-gradient(#fff,#fff) 24% center/1.5px 48% no-repeat,
    linear-gradient(#fff,#fff) 76% center/1.5px 48% no-repeat;
  opacity:.96!important;
  transition:transform .22s ease!important;
}
.action-hub.open .hub-main-plus::before{
  transform:rotate(45deg)!important;
}

/* Botones desplegados: más grandes y legibles */
.action-hub-menu{
  gap:10px!important;
}
.hub-action{
  min-width:172px!important;
  height:52px!important;
  padding:0 15px!important;
  gap:12px!important;
  border-radius:15px!important;
  border:1px solid rgba(6,58,85,.16)!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:
    0 10px 28px rgba(4,38,54,.15),
    inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.hub-action small{
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.25px!important;
}
.hub-action:hover{
  transform:translateX(-4px)!important;
  border-color:rgba(6,58,85,.34)!important;
  box-shadow:0 12px 32px rgba(4,38,54,.20)!important;
}

/* Contenedor visual común para los iconos existentes */
.hub-action>span,
.hub-wa .wa-svg{
  flex:0 0 32px!important;
}

/* IR ARRIBA — chevrón tecnológico por CSS */
.hub-up>span{
  width:32px!important;
  height:32px!important;
  font-size:0!important;
  border-radius:10px!important;
  background:
    linear-gradient(135deg,transparent 44%,#063a55 45% 55%,transparent 56%) 9px 10px/9px 9px no-repeat,
    linear-gradient(45deg,transparent 44%,#063a55 45% 55%,transparent 56%) 14px 10px/9px 9px no-repeat,
    linear-gradient(#063a55,#063a55) center 17px/2px 11px no-repeat,
    #eaf1f4!important;
}

/* FAVORITOS — corazón lineal, sin tocar el carácter HTML */
.hub-fav>span{
  width:32px!important;
  height:32px!important;
  font-size:0!important;
  border-radius:10px!important;
  background:#edf2f5!important;
  position:relative!important;
}
.hub-fav>span::before{
  content:"♡"!important;
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  font-size:25px!important;
  line-height:1!important;
  color:#0a5575!important;
  font-weight:700!important;
}

/* RESEÑAS — estrella dentro de módulo */
.hub-reviews>span{
  width:32px!important;
  height:32px!important;
  font-size:0!important;
  border-radius:10px!important;
  background:#fff4d8!important;
  position:relative!important;
}
.hub-reviews>span::before{
  content:"★"!important;
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  font-size:19px!important;
  line-height:1!important;
  color:#d99100!important;
}

/* WHATSAPP — conserva el SVG funcional, pero dentro de módulo */
.hub-wa{
  color:#147f49!important;
}
.hub-wa .wa-svg{
  width:32px!important;
  height:32px!important;
  padding:6px!important;
  border-radius:10px!important;
  background:#e7f7ee!important;
  color:#149956!important;
  box-sizing:border-box!important;
}

/* Ajuste móvil: más compacto, sin invadir */
@media(max-width:760px){
  .action-hub{
    right:12px!important;
    bottom:14px!important;
    gap:8px!important;
  }
  .hub-main{
    width:52px!important;
    height:52px!important;
    border-radius:16px!important;
  }
  .hub-main-plus{
    width:25px!important;
    height:25px!important;
  }
  .hub-action{
    min-width:144px!important;
    height:44px!important;
    padding:0 11px!important;
    gap:9px!important;
    border-radius:12px!important;
  }
  .hub-action small{
    font-size:9px!important;
  }
  .hub-action>span,
  .hub-wa .wa-svg{
    flex-basis:28px!important;
  }
  .hub-up>span,
  .hub-fav>span,
  .hub-reviews>span,
  .hub-wa .wa-svg{
    width:28px!important;
    height:28px!important;
  }
  .hub-fav>span::before{font-size:22px!important}
  .hub-reviews>span::before{font-size:17px!important}
}


/* =========================================================
   v0.7.1 — LARGE DESKTOP SCALE + CATALOG CONTROL DOCK
   ========================================================= */

/* El estado LIVE deja de ser parte de la interfaz pública. */
.live-status,.bridge-note{display:none!important}

/* Controles sobre el Category Dock, respetando exactamente su columna. */
.catalog-layout{
  grid-template-rows:auto 1fr;
  row-gap:12px;
}
.catalog-side-controls{
  grid-column:1;
  grid-row:1;
  width:100%;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
}
.catalog-side-controls button,
.catalog-side-controls select{
  width:100%;
  min-width:0;
  height:42px;
  border:1px solid var(--line);
  background:#fff;
  border-radius:11px;
  padding:0 10px;
  color:var(--ink);
  font-size:11px;
  cursor:pointer;
}
.category-dock{
  grid-column:1;
  grid-row:2;
}
.catalog-main{
  grid-column:2;
  grid-row:1 / span 2;
}
.catalog-toolbar{
  min-height:42px;
  align-items:center;
}

/* Etiquetas comerciales: legibles sin dominar la tarjeta. */
.product-tags .product-tag{
  min-height:22px!important;
  padding:5px 8px!important;
  font-size:7.5px!important;
  letter-spacing:.6px!important;
}

/* Escala moderada para escritorios grandes (ej. 1920×1030 / 1920×1080). */
@media(min-width:1500px){
  .section{
    max-width:1510px;
    padding-left:42px;
    padding-right:42px;
  }
  .catalog-layout{
    grid-template-columns:280px 1fr;
    column-gap:34px;
  }
  .catalog-intro h2{
    font-size:50px;
  }
  .catalog-intro p{
    font-size:15px;
  }
  .dock-head{
    padding:18px 18px;
  }
  .dock-head small{
    font-size:9px;
  }
  .dock-head b{
    font-size:17px;
  }
  .dock-group>button{
    padding:15px 17px;
    font-size:12px;
  }
  .dock-sub button,.dock-specials button{
    font-size:11px;
    padding:9px;
  }
  .catalog-path{
    font-size:10px;
  }
  .catalog-toolbar h3{
    font-size:31px;
  }
  .catalog-toolbar small{
    font-size:12px;
  }
  .product-grid{
    gap:14px;
  }
  .product-visual{
    height:215px;
  }
  .product-body{
    padding:17px;
  }
  .product-body small{
    font-size:9px;
  }
  .product-body h4{
    font-size:15.5px;
    line-height:1.25;
    min-height:39px;
  }
  .product-condition span{
    font-size:7.5px;
    padding:4px 8px;
  }
  .product-price{
    font-size:23px;
  }
  .stock{
    font-size:10px;
  }
  .card-cart-footer{
    padding:0 11px 11px;
  }
  .card-cart-btn{
    min-height:38px;
    font-size:10px;
  }
  .product-tags .product-tag{
    min-height:24px!important;
    padding:5px 9px!important;
    font-size:8px!important;
  }
  .catalog-side-controls button,
  .catalog-side-controls select{
    height:44px;
    font-size:12px;
  }
}

/* En móvil los controles vuelven a comportarse como barra de catálogo normal. */
@media(max-width:760px){
  .catalog-layout{display:block}
  .catalog-side-controls{
    width:100%;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-bottom:12px;
  }
  .catalog-side-controls button,
  .catalog-side-controls select{
    width:100%;
    height:40px;
    font-size:10px;
  }
  .product-tags .product-tag{
    font-size:6.5px!important;
    min-height:20px!important;
    padding:4px 7px!important;
  }
}


/* v0.7.1.3 — Carrito dentro del Action Hub */
.hub-cart{color:var(--blue)}
.hub-cart-icon{
  width:32px!important;
  height:32px!important;
  flex:0 0 32px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:10px!important;
  background:#eaf1f4!important;
  position:relative!important;
}
.hub-cart-icon .cart-svg{
  width:20px!important;
  height:20px!important;
  fill:none!important;
  stroke:var(--blue)!important;
  stroke-width:1.65!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.hub-cart-icon b{
  position:absolute;
  right:-4px;
  top:-5px;
  min-width:16px;
  height:16px;
  padding:0 4px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:var(--orange);
  color:#14232b;
  font-size:7px;
  font-weight:950;
  border:2px solid #fff;
}
@media(max-width:760px){
  .hub-cart-icon{
    width:28px!important;
    height:28px!important;
    flex-basis:28px!important;
  }
  .hub-cart-icon .cart-svg{width:18px!important;height:18px!important}
}


/* v0.7.1.4 — Cart Dock interaction hotfix */
#cartDock.has-items{
  z-index:47!important;
  pointer-events:auto!important;
  cursor:pointer!important;
}
#cartDock.has-items *{pointer-events:none!important}
#hubCart{pointer-events:auto!important}
#hubCart *{pointer-events:none!important}


/* =========================================================
   v0.7.1.5 — FLOATING ACTIONS CLEANUP
   HUB eliminado. Tres acciones permanentes + Carrito existente.
   ========================================================= */

/* Neutraliza reglas anteriores del Hub sin afectar el resto del sitio. */
.action-hub,.action-hub-menu,.hub-main,.hub-action,.hub-cart{display:none!important}

/* La vieja clase floating-actions había sido anulada por el experimento Hub. */
.floating-actions.floating-actions-clean{
  display:flex!important;
  position:fixed!important;
  right:18px!important;
  bottom:210px!important;
  z-index:46!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:9px!important;
  width:174px!important;
}

.float-action{
  width:174px!important;
  height:52px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:11px!important;
  padding:0 12px!important;
  border:1px solid rgba(6,58,85,.16)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.96)!important;
  color:var(--blue)!important;
  box-shadow:0 10px 26px rgba(4,38,54,.13)!important;
  backdrop-filter:blur(9px)!important;
  cursor:pointer!important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;
}
.float-action:hover{
  transform:translateX(-3px)!important;
  box-shadow:0 12px 30px rgba(4,38,54,.2)!important;
  border-color:rgba(6,58,85,.3)!important;
}
.float-action small{
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.2px!important;
}
.float-action-icon{
  width:32px!important;
  height:32px!important;
  flex:0 0 32px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:10px!important;
}

/* Ir arriba */
.up-tech{
  font-size:0!important;
  background:
    linear-gradient(135deg,transparent 44%,#063a55 45% 55%,transparent 56%) 9px 9px/9px 9px no-repeat,
    linear-gradient(45deg,transparent 44%,#063a55 45% 55%,transparent 56%) 14px 9px/9px 9px no-repeat,
    linear-gradient(#063a55,#063a55) center 17px/2px 10px no-repeat,
    #eaf1f4!important;
}

/* Favoritos */
.fav-tech{
  background:#edf2f5!important;
  color:#0a5575!important;
  font-size:25px!important;
  line-height:1!important;
  font-weight:700!important;
}

/* WhatsApp */
.clean-wa{color:#147f49!important}
.wa-tech{
  background:#e7f7ee!important;
  color:#149956!important;
}
.wa-tech .wa-svg{
  width:20px!important;
  height:20px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.55!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

/* Nota transitoria de Favoritos. */
.floating-action-note{
  position:absolute!important;
  right:0!important;
  bottom:-42px!important;
  width:174px!important;
  padding:8px 10px!important;
  border-radius:10px!important;
  background:#fff!important;
  border:1px solid var(--line)!important;
  color:var(--blue)!important;
  font-size:8px!important;
  font-weight:850!important;
  box-shadow:0 8px 22px rgba(4,38,54,.13)!important;
}

/*
  Carrito: mantiene exactamente su componente existente.
  Se fija debajo de las tres acciones con la misma alineación derecha.
*/
#cartDock.has-items{
  right:18px!important;
  bottom:132px!important;
  z-index:47!important;
}

/* Separación garantizada: 22px entre Carrito y WhatsApp. */
@media(max-width:760px){
  .floating-actions.floating-actions-clean{
    right:11px!important;
    bottom:185px!important;
    width:150px!important;
    gap:8px!important;
  }
  .float-action{
    width:150px!important;
    height:46px!important;
    padding:0 9px!important;
    gap:9px!important;
    border-radius:14px!important;
  }
  .float-action small{font-size:9px!important}
  .float-action-icon{
    width:28px!important;
    height:28px!important;
    flex-basis:28px!important;
  }
  .fav-tech{font-size:22px!important}
  .wa-tech .wa-svg{width:18px!important;height:18px!important}
  #cartDock.has-items{
    right:11px!important;
    bottom:116px!important;
  }
  .floating-action-note{
    width:150px!important;
    bottom:-38px!important;
  }
}


/* =========================================================
   v0.7.1.6 — COMPACT FLOATING ICONS
   Cambio visual únicamente. No modifica HTML ni JavaScript.
   ========================================================= */

/*
  Ir arriba / Favoritos / WhatsApp:
  - iconos compactos
  - alineados por el borde derecho con el Carrito
  - sin textos visibles
  - separación vertical uniforme
*/
.floating-actions.floating-actions-clean{
  right:18px!important;
  bottom:208px!important;
  width:52px!important;
  align-items:flex-end!important;
  gap:9px!important;
}

.float-action{
  width:52px!important;
  min-width:52px!important;
  height:52px!important;
  padding:0!important;
  border-radius:16px!important;
  justify-content:center!important;
  gap:0!important;
}

.float-action small{
  display:none!important;
}

.float-action-icon{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  border-radius:11px!important;
}

.float-action:hover{
  transform:translateX(-2px)!important;
}

/* Refuerzo de alineación con el borde derecho del carrito existente */
#cartDock.has-items{
  right:18px!important;
}

/* Mantiene la nota de Favoritos sin alterar el ancho del icono */
.floating-action-note{
  right:61px!important;
  bottom:61px!important;
  width:max-content!important;
  min-width:150px!important;
}

/* Móvil */
@media(max-width:760px){
  .floating-actions.floating-actions-clean{
    right:11px!important;
    bottom:181px!important;
    width:46px!important;
    gap:8px!important;
  }

  .float-action{
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
    border-radius:14px!important;
  }

  .float-action-icon{
    width:30px!important;
    height:30px!important;
    flex-basis:30px!important;
    border-radius:10px!important;
  }

  #cartDock.has-items{
    right:11px!important;
  }

  .floating-action-note{
    right:54px!important;
    bottom:54px!important;
  }
}

/* v0.7.2 — Commerce UX + Favorites + Tech polish */
.tech-intro{position:fixed;inset:0;z-index:999;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(0,151,205,.18),transparent 34%),linear-gradient(145deg,#031924,#062f43 58%,#041e2b);opacity:1;transition:opacity .38s ease,visibility .38s ease}.tech-intro.out{opacity:0;visibility:hidden}.tech-intro-grid{position:absolute;inset:-30%;background-image:linear-gradient(rgba(74,194,235,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(74,194,235,.07) 1px,transparent 1px);background-size:42px 42px;transform:perspective(520px) rotateX(58deg) translateY(22%);animation:techGrid 2.4s linear infinite}.tech-intro-core{position:relative;display:grid;place-items:center;gap:14px;z-index:2}.tech-intro-core img{width:min(340px,68vw);background:#fff;border-radius:16px;padding:12px 17px;box-shadow:0 0 0 1px rgba(255,255,255,.15),0 0 52px rgba(54,190,238,.22);animation:techLogoBoot .75s cubic-bezier(.2,.8,.2,1) both}.tech-intro-core span{font-size:9px;font-weight:900;letter-spacing:3px;color:#b9dce9;animation:techTextBoot .9s .2s both}.tech-intro-ring{position:absolute;width:440px;height:190px;border:1px solid rgba(74,194,235,.18);border-radius:50%;animation:techRing 2.2s linear infinite}.tech-scan{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#66d8ff,transparent);box-shadow:0 0 16px #48c9f5;animation:techScan 1.25s ease-in-out forwards}@keyframes techGrid{to{background-position:0 42px,42px 0}}@keyframes techLogoBoot{from{opacity:0;transform:scale(.84);filter:blur(7px)}to{opacity:1;transform:none;filter:none}}@keyframes techTextBoot{from{opacity:0;letter-spacing:8px}to{opacity:1;letter-spacing:3px}}@keyframes techRing{to{transform:rotate(360deg)}}@keyframes techScan{from{top:10%;opacity:0}15%{opacity:1}to{top:88%;opacity:0}}
.site-header .logo{position:relative;overflow:hidden;border-radius:10px}.site-header .logo::after{content:"";position:absolute;top:-30%;bottom:-30%;left:-55%;width:34%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.75),rgba(92,205,240,.25),transparent);transform:skewX(-18deg);pointer-events:none;animation:headerLogoSweep 6.2s ease-in-out infinite}.site-header .logo img{transition:filter .25s ease,transform .25s ease}.site-header .logo:hover img{filter:drop-shadow(0 4px 8px rgba(6,58,85,.15));transform:scale(1.015)}@keyframes headerLogoSweep{0%,70%{left:-55%;opacity:0}75%{opacity:1}88%{left:120%;opacity:.9}100%{left:120%;opacity:0}}
.cart-item-qty{grid-template-columns:58px minmax(0,1fr) auto!important}.cart-item-main{min-width:0}.qty-control{display:inline-grid;grid-template-columns:30px 34px 30px;align-items:center;margin-top:8px;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff}.qty-control button{height:28px!important;border:0!important;background:#edf3f5!important;color:var(--blue)!important;font-size:16px!important;font-weight:900!important}.qty-control b{height:28px;display:grid;place-items:center;font-size:10px;color:var(--blue);border-left:1px solid var(--line);border-right:1px solid var(--line)}.cart-line{display:flex;flex-direction:column;align-items:flex-end;gap:9px}.cart-line strong{font-size:11px;color:var(--blue);white-space:nowrap}.cart-remove{font-size:18px!important;color:#77888f!important}
.card-favorite{position:absolute;right:10px;top:10px;z-index:7;width:32px;height:32px;border:1px solid rgba(6,58,85,.12);border-radius:11px;background:rgba(255,255,255,.82);backdrop-filter:blur(8px);display:grid;place-items:center;color:#7c8d94;cursor:pointer;box-shadow:0 4px 12px rgba(4,38,54,.08);transition:.18s ease}.card-favorite span{font-size:18px;line-height:1}.card-favorite:hover{transform:scale(1.07);color:#d64040}.card-favorite.active{color:#e03030;background:rgba(255,245,245,.92);border-color:rgba(224,48,48,.25)}.card-favorite.active span{animation:favPop .28s ease}@keyframes favPop{50%{transform:scale(1.28)}}.product-tags{padding-right:38px}
.favorite-items{display:grid;gap:8px}.favorite-row{display:grid;grid-template-columns:60px minmax(0,1fr) 36px;gap:10px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer}.favorite-row:hover{border-color:#b9cbd3;background:#f9fbfb}.favorite-thumb{width:60px;height:60px;display:grid;place-items:center;overflow:hidden;border-radius:9px;background:#fff}.favorite-thumb .live-product-img{width:100%;height:100%;object-fit:contain}.favorite-row small,.favorite-row b,.favorite-row strong{display:block}.favorite-row small{font-size:7px;color:#829096;text-transform:uppercase}.favorite-row b{font-size:10px;color:var(--ink);margin-top:2px}.favorite-row strong{font-size:11px;color:var(--blue);margin-top:5px}.favorite-row>button{border:0;background:#fff1f1;color:#df3434;width:34px;height:34px;border-radius:10px;font-size:18px}.favorites-empty{padding:55px 15px;text-align:center;color:#75868d}.favorites-empty span{display:block;font-size:38px;color:#bac5ca}.favorites-empty b,.favorites-empty small{display:block}.favorites-empty b{font-size:12px;color:var(--blue);margin-top:8px}.favorites-empty small{font-size:9px;margin:5px auto 0;max-width:260px}
.float-action{background:rgba(255,255,255,.68)!important;border-color:rgba(255,255,255,.72)!important;backdrop-filter:blur(13px) saturate(135%)!important}.float-action-icon{background:rgba(235,243,246,.62)!important;backdrop-filter:blur(9px)!important}#cartDock{background:rgba(255,255,255,.74)!important;backdrop-filter:blur(13px) saturate(135%)!important}.cart-dock-icon{background:rgba(6,58,85,.86)!important;backdrop-filter:blur(8px)!important}.fav-tech{position:relative!important}.fav-tech b{display:none;position:absolute;right:-6px;top:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#e02f2f;color:#fff;border:2px solid rgba(255,255,255,.9);place-items:center;font-size:8px;font-weight:950}.fav-tech b.show{display:grid}.clean-fav.has-favorites .fav-tech{color:#e02f2f!important;background:rgba(255,235,235,.76)!important}.clean-fav.has-favorites{border-color:rgba(224,47,47,.22)!important}.up-tech{background:rgba(232,241,244,.68)!important}.up-tech svg{width:23px;height:23px;fill:none;stroke:var(--blue);stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.wa-tech .wa-svg{width:25px!important;height:25px!important;stroke-width:1.65!important}.wa-tech{background:rgba(226,248,236,.7)!important}
.featured-grid .product-visual,.new-grid .product-visual{background:#fff!important}.featured-grid .product-visual .live-product-img,.new-grid .product-visual .live-product-img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:14px!important;box-sizing:border-box!important}.featured-grid .product-visual:after,.new-grid .product-visual:after{display:none!important}
.drawer-head button[data-close],.modal-x,.search-clear{transform-origin:50% 50%!important;transition:transform .22s cubic-bezier(.2,.7,.2,1),background .18s ease!important;display:grid!important;place-items:center!important;line-height:1!important}.drawer-head button[data-close]:hover,.modal-x:hover,.search-clear:hover{transform:rotate(90deg)!important}
@media(max-width:760px){.card-favorite{width:29px;height:29px;right:7px;top:7px;border-radius:9px}.card-favorite span{font-size:16px}.featured-grid .product-visual .live-product-img,.new-grid .product-visual .live-product-img{padding:9px!important}.cart-item-qty{grid-template-columns:52px minmax(0,1fr) auto!important}.qty-control{grid-template-columns:28px 30px 28px}}
@media(prefers-reduced-motion:reduce){.tech-intro-grid,.tech-intro-core img,.tech-intro-core span,.tech-intro-ring,.tech-scan,.site-header .logo::after{animation:none!important}}


/* =========================================================
   v0.7.2.1 — requested refinements, incremental overrides
   ========================================================= */

/* Official transparent logo — intro: no white card, contour-only glow. */
.tech-intro-core img{
  background:transparent!important;
  border-radius:0!important;
  padding:0!important;
  box-shadow:none!important;
  filter:
    drop-shadow(0 0 5px rgba(74,200,241,.26))
    drop-shadow(0 0 18px rgba(74,200,241,.14));
}
.tech-intro-core{gap:18px!important}
.tech-intro-ring{opacity:.7}

/* Header logo: glow follows alpha contour, never the rectangular canvas. */
.site-header .logo{overflow:visible!important;background:transparent!important}
.site-header .logo::after{display:none!important}
.site-header .logo img{
  animation:logoContourPulse 6.2s ease-in-out infinite!important;
  filter:drop-shadow(0 0 0 rgba(52,183,229,0));
}
.site-header .logo:hover img{transform:scale(1.015)!important}
@keyframes logoContourPulse{
  0%,62%,100%{filter:drop-shadow(0 0 0 rgba(52,183,229,0))}
  72%{filter:drop-shadow(0 0 3px rgba(52,183,229,.35)) drop-shadow(0 0 8px rgba(52,183,229,.18))}
  82%{filter:drop-shadow(0 0 7px rgba(52,183,229,.48)) drop-shadow(0 0 15px rgba(52,183,229,.20))}
  91%{filter:drop-shadow(0 0 2px rgba(52,183,229,.18))}
}

/* Destacados/Nuevos: force natural proportions inside the available canvas. */
.featured-grid .product-visual,
.new-grid .product-visual{
  padding:10px!important;
  overflow:hidden!important;
}
.featured-grid .product-visual .live-product-img,
.new-grid .product-visual .live-product-img{
  width:auto!important;
  height:auto!important;
  max-width:calc(100% - 16px)!important;
  max-height:calc(100% - 16px)!important;
  object-fit:contain!important;
  object-position:center center!important;
  padding:0!important;
  margin:auto!important;
  display:block!important;
}

/* True centered close glyph: draw the X geometrically instead of relying on font metrics. */
.drawer-head button[data-close],
.modal-x{
  position:relative!important;
  font-size:0!important;
  display:grid!important;
  place-items:center!important;
  transform-origin:50% 50%!important;
}
.drawer-head button[data-close]::before,
.drawer-head button[data-close]::after,
.modal-x::before,
.modal-x::after{
  content:"";
  position:absolute;
  left:50%;top:50%;
  width:14px;height:1.7px;
  border-radius:999px;
  background:currentColor;
  transform-origin:50% 50%;
}
.drawer-head button[data-close]::before,.modal-x::before{transform:translate(-50%,-50%) rotate(45deg)}
.drawer-head button[data-close]::after,.modal-x::after{transform:translate(-50%,-50%) rotate(-45deg)}
.drawer-head button[data-close]:hover,.modal-x:hover{transform:rotate(90deg)!important}

@media(max-width:760px){
  .featured-grid .product-visual,.new-grid .product-visual{padding:7px!important}
  .featured-grid .product-visual .live-product-img,.new-grid .product-visual .live-product-img{
    max-width:calc(100% - 10px)!important;max-height:calc(100% - 10px)!important;
  }
}
@media(prefers-reduced-motion:reduce){.site-header .logo img{animation:none!important}}


/* =========================================================
   v0.7.2.2 — requested visual refinements
   ========================================================= */

/* Product modal close button: restore absolute placement at upper-right.
   Previous geometric-X override had changed position to relative. */
.product-modal>.modal-x{
  position:absolute!important;
  right:18px!important;
  left:auto!important;
  top:18px!important;
  margin:0!important;
  z-index:8!important;
}

/* Loader: slightly lighter technological blue and contour separation.
   Logo remains the official transparent asset. */
.tech-intro{
  background:
    radial-gradient(circle at 50% 46%,rgba(56,190,231,.18),transparent 34%),
    linear-gradient(145deg,#0a3d54 0%,#0b506b 50%,#08394f 100%)!important;
}
.tech-intro-core img{
  filter:
    drop-shadow(0 0 1px rgba(255,255,255,.72))
    drop-shadow(0 0 4px rgba(151,229,255,.42))
    drop-shadow(0 0 15px rgba(71,203,246,.25))!important;
}
.tech-intro-core span{
  color:#d5edf5!important;
  text-shadow:0 0 12px rgba(105,216,250,.22);
}

/* Featured/New product images: place the photo inside an explicit inset box.
   This avoids inherited intrinsic sizing from pushing portions outside
   the horizontal card canvas. */
.featured-grid .product-visual,
.new-grid .product-visual{
  position:relative!important;
  padding:0!important;
  overflow:hidden!important;
  display:block!important;
  background:#fff!important;
}
.featured-grid .product-visual>img.live-product-img,
.new-grid .product-visual>img.live-product-img{
  position:absolute!important;
  inset:16px!important;
  width:calc(100% - 32px)!important;
  height:calc(100% - 32px)!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  display:block!important;
}
.featured-grid .product-visual:after,
.new-grid .product-visual:after{
  display:none!important;
  content:none!important;
}

/* Keep tags and Favorite button over the photograph after switching
   the image canvas to block/absolute positioning. */
.featured-grid .product-tags,
.new-grid .product-tags,
.featured-grid .card-favorite,
.new-grid .card-favorite{
  position:absolute!important;
  z-index:9!important;
}

/* Modal/drawer X is geometrically centered and remains centered while rotating. */
.drawer-head button[data-close],
.modal-x{
  box-sizing:border-box!important;
  padding:0!important;
}
.drawer-head button[data-close]::before,
.drawer-head button[data-close]::after,
.modal-x::before,
.modal-x::after{
  left:50%!important;
  top:50%!important;
  margin:0!important;
}

/* Mobile image inset */
@media(max-width:760px){
  .featured-grid .product-visual>img.live-product-img,
  .new-grid .product-visual>img.live-product-img{
    inset:10px!important;
    width:calc(100% - 20px)!important;
    height:calc(100% - 20px)!important;
  }
}


/* =========================================================
   v0.7.2.3 — WhatsApp close + Category Dock refinement
   ========================================================= */

/* WhatsApp Signature: same centered geometric X and hover rotation
   as the rest of drawers/modals. */
.wa-close{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border:0!important;
  border-radius:50%!important;
  background:#edf2f4!important;
  color:transparent!important;
  font-size:0!important;
  padding:0!important;
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  transform-origin:50% 50%!important;
  transition:transform .22s cubic-bezier(.2,.7,.2,1),background .18s ease!important;
  cursor:pointer!important;
}
.wa-close::before,
.wa-close::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:15px!important;
  height:2px!important;
  border-radius:2px!important;
  background:var(--ink)!important;
}
.wa-close::before{transform:translate(-50%,-50%) rotate(45deg)!important}
.wa-close::after{transform:translate(-50%,-50%) rotate(-45deg)!important}
.wa-close:hover{
  transform:rotate(90deg)!important;
  background:#e1e9ec!important;
}

/* Last Category Dock action: visually part of the same family,
   with a slightly more "catalog" icon treatment. */
.dock-all-products{
  margin-top:3px!important;
  border-top:1px solid #edf1f2!important;
  padding-top:11px!important;
  color:var(--blue)!important;
  font-weight:850!important;
}
.dock-all-icon{
  display:inline-grid!important;
  place-items:center!important;
  width:17px!important;
  height:17px!important;
  margin-right:1px!important;
  border-radius:5px!important;
  background:#e9f1f4!important;
  color:var(--blue)!important;
  font-size:12px!important;
  line-height:1!important;
}


/* =========================================================
   v0.7.2.4 — Offer rail + basic Hero arrows
   ========================================================= */

/* OFERTAS: rail existente con navegación lateral superpuesta.
   El scrollbar queda oculto, pero el rail conserva scroll táctil/trackpad. */
.offer-rail-shell{
  position:relative;
  width:100%;
  overflow:hidden;
}
.offer-rail-shell .rail{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  scroll-behavior:smooth;
  overscroll-behavior-inline:contain;
}
.offer-rail-shell .rail::-webkit-scrollbar{
  display:none!important;
  width:0!important;
  height:0!important;
}

/* Flechas laterales sin círculo contenedor. */
.rail-arrow{
  position:absolute;
  top:18px;
  bottom:8px;
  z-index:12;
  width:54px;
  border:0;
  border-radius:0;
  padding:0;
  background:transparent;
  color:transparent;
  font-size:0;
  cursor:pointer;
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease,transform .18s ease;
}
.rail-arrow.visible{
  opacity:1;
  pointer-events:auto;
}
.rail-prev{
  left:0;
  background:linear-gradient(90deg,rgba(238,243,245,.98) 0%,rgba(238,243,245,.74) 42%,transparent 100%);
}
.rail-next{
  right:0;
  background:linear-gradient(270deg,rgba(238,243,245,.98) 0%,rgba(238,243,245,.74) 42%,transparent 100%);
}
.rail-arrow::before{
  content:"";
  position:absolute;
  top:50%;
  width:22px;
  height:22px;
  border-top:3px solid var(--blue);
  border-right:3px solid var(--blue);
  transition:transform .16s ease;
}
.rail-prev::before{
  left:13px;
  transform:translateY(-50%) rotate(-135deg);
}
.rail-next::before{
  right:13px;
  transform:translateY(-50%) rotate(45deg);
}
.rail-prev:hover::before{
  transform:translateY(-50%) translateX(-3px) rotate(-135deg);
}
.rail-next:hover::before{
  transform:translateY(-50%) translateX(3px) rotate(45deg);
}

/* HERO: mismos chevrons básicos, sin círculo/fondo/borde contenedor. */
.hero-arrow{
  width:38px!important;
  height:58px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
  color:transparent!important;
  font-size:0!important;
  padding:0!important;
  opacity:.88;
  transition:opacity .18s ease,transform .18s ease!important;
}
.hero-arrow::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:22px;
  height:22px;
  border-top:3px solid rgba(255,255,255,.95);
  border-right:3px solid rgba(255,255,255,.95);
}
.hero-arrow.prev::before{
  transform:translate(-36%,-50%) rotate(-135deg);
}
.hero-arrow.next::before{
  transform:translate(-64%,-50%) rotate(45deg);
}
.hero-arrow:hover{opacity:1}
.hero-arrow.prev:hover{transform:translateY(-50%) translateX(-3px)!important}
.hero-arrow.next:hover{transform:translateY(-50%) translateX(3px)!important}

/* En móvil Ofertas ya se reorganiza en grilla: no necesita flechas. */
@media(max-width:760px){
  .offer-rail-shell{overflow:visible}
  .rail-arrow{display:none!important}
  .hero-arrow{
    width:30px!important;
    height:42px!important;
  }
  .hero-arrow::before{
    width:17px;
    height:17px;
    border-width:2px 2px 0 0;
  }
}


/* =========================================================
   v0.7.3 — Floating glass + Weekly Offer
   ========================================================= */

/* Flotantes: un único marco translúcido. Se elimina el marco interior. */
.float-action{
  background:rgba(255,255,255,.46)!important;
  border:1px solid rgba(255,255,255,.60)!important;
  backdrop-filter:blur(16px) saturate(145%)!important;
  box-shadow:0 8px 24px rgba(4,38,54,.11)!important;
}
.float-action-icon{
  width:40px!important;
  height:40px!important;
  flex:0 0 40px!important;
  border-radius:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
}
.up-tech,.fav-tech,.wa-tech{
  background:transparent!important;
}
.up-tech svg{
  width:28px!important;
  height:28px!important;
}
.fav-tech{
  font-size:31px!important;
}
.wa-tech .wa-svg{
  width:30px!important;
  height:30px!important;
}

/* Carrito flotante: mismo nivel de transparencia visual. */
#cartDock{
  background:rgba(255,255,255,.48)!important;
  border-color:rgba(255,255,255,.62)!important;
  backdrop-filter:blur(16px) saturate(145%)!important;
  box-shadow:0 8px 24px rgba(4,38,54,.12)!important;
}
.cart-dock-icon{
  background:transparent!important;
  color:var(--blue)!important;
  width:42px!important;
  height:42px!important;
}
.cart-dock-icon .cart-svg{
  width:27px!important;
  height:27px!important;
  stroke:var(--blue)!important;
}
.cart-dock-icon b{
  border-color:rgba(255,255,255,.92)!important;
}

/* Oferta de la Semana real */
.weekly-feature-product{
  position:relative;
  display:grid;
  place-items:center;
  min-height:390px;
  overflow:hidden;
}
.weekly-feature-image{
  width:78%;
  height:78%;
  display:grid;
  place-items:center;
  position:relative;
  z-index:2;
}
.weekly-feature-image .live-product-img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 26px 35px rgba(0,0,0,.24));
}
.weekly-feature-image .visual-shape{
  transform:scale(1.35);
}
.weekly-feature-product .discount-bubble{
  z-index:3;
}

@media(max-width:760px){
  .float-action-icon{
    width:34px!important;
    height:34px!important;
    flex-basis:34px!important;
  }
  .up-tech svg{width:24px!important;height:24px!important}
  .fav-tech{font-size:27px!important}
  .wa-tech .wa-svg{width:26px!important;height:26px!important}
  .weekly-feature-product{min-height:230px}
  .weekly-feature-image{width:72%;height:72%}
}


/* =========================================================
   v0.7.3.2 — Weekly Offer image vertical centering
   ========================================================= */

/* El área visual de la Oferta de la Semana ocupa toda su columna
   y centra la fotografía en ambos ejes. */
#weeklyOfferFeature .weekly-feature-product{
  min-height:390px!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  align-self:stretch!important;
  padding:24px 28px!important;
  box-sizing:border-box!important;
}

#weeklyOfferFeature .weekly-feature-image{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  position:relative!important;
}

#weeklyOfferFeature .weekly-feature-image>img.live-product-img{
  position:static!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:88%!important;
  max-height:88%!important;
  margin:auto!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
}

/* Si algún producto cae en el visual simulado, también queda centrado. */
#weeklyOfferFeature .weekly-feature-image>.visual-shape{
  position:relative!important;
  inset:auto!important;
  margin:auto!important;
  transform:scale(1.18)!important;
  transform-origin:center center!important;
}

@media(max-width:760px){
  #weeklyOfferFeature .weekly-feature-product{
    min-height:230px!important;
    padding:14px!important;
  }
  #weeklyOfferFeature .weekly-feature-image>img.live-product-img{
    max-width:90%!important;
    max-height:90%!important;
  }
}


/* v0.7.4.3 — Weekly Offer stability */
#weeklyOfferFeature.weekly-offer-loading{
  grid-template-columns:1fr!important;
}
#weeklyOfferFeature.weekly-offer-loading .offer-copy{
  align-self:center;
}

/* =========================================================
   v0.9.0 — HERO dinámico
   ========================================================= */
.slide.hero-live{isolation:isolate;overflow:hidden}
.hero-live-bg{position:absolute;inset:0;z-index:0;background:
 linear-gradient(90deg,rgba(4,25,36,.94) 0%,rgba(6,47,67,.82) 42%,rgba(6,47,67,.18) 72%,rgba(6,47,67,.08) 100%),
 radial-gradient(circle at 78% 38%,rgba(65,183,222,.25),transparent 35%),
 #062f43}
.hero-theme-purple .hero-live-bg{background:linear-gradient(90deg,rgba(21,14,42,.95),rgba(54,37,91,.78) 48%,rgba(54,37,91,.12) 78%),radial-gradient(circle at 80% 35%,rgba(142,96,226,.35),transparent 38%),#20153f}
.hero-theme-cyan .hero-live-bg{background:linear-gradient(90deg,rgba(2,35,48,.95),rgba(5,85,106,.78) 48%,rgba(5,85,106,.10) 78%),radial-gradient(circle at 80% 35%,rgba(77,215,239,.34),transparent 38%),#06485d}
.hero-theme-dark .hero-live-bg{background:linear-gradient(90deg,rgba(4,12,17,.97),rgba(22,35,43,.84) 50%,rgba(22,35,43,.18) 80%),#08151c}
.hero-live .slide-content{position:relative;z-index:4}
.hero-live-image{position:absolute;right:0;top:0;width:56%;height:100%;z-index:2;display:grid;place-items:center;overflow:hidden}
.hero-live-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,47,67,.72) 0%,transparent 38%,transparent 100%);pointer-events:none}
.hero-live-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.hero-theme-purple .hero-live-image:after{background:linear-gradient(90deg,rgba(32,21,63,.72),transparent 40%)}
.hero-theme-cyan .hero-live-image:after{background:linear-gradient(90deg,rgba(6,72,93,.7),transparent 40%)}
.hero-theme-dark .hero-live-image:after{background:linear-gradient(90deg,rgba(8,21,28,.76),transparent 40%)}
@media(max-width:760px){
 .hero-live-image{width:100%;height:100%;opacity:.50}
 .hero-live-image:after{background:linear-gradient(90deg,rgba(5,33,47,.94) 0%,rgba(5,33,47,.72) 55%,rgba(5,33,47,.28) 100%)}
 .hero-live .slide-content{width:88%}
}


/* =========================================================
   v0.9.1.2 — HERO product image fit
   ========================================================= */

/* Mantiene la grandilocuencia del Hero, pero la imagen completa debe
   quedar contenida dentro del canvas con márgenes reales y equilibrados. */
.slide.hero-live .hero-live-image{
  position:absolute!important;
  top:0!important;
  right:0!important;
  width:54%!important;
  height:100%!important;
  padding:22px 34px 22px 18px!important;
  box-sizing:border-box!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}

.slide.hero-live .hero-live-image img{
  position:static!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
}

/* El velo queda sobre el área visual sin alterar el tamaño de la foto. */
.slide.hero-live .hero-live-image::after{
  inset:0!important;
}

/* Desktop ancho: aprovecha casi todo el alto, manteniendo aire arriba/abajo
   y un margen derecho equiparable visualmente al izquierdo. */
@media(min-width:1100px){
  .slide.hero-live .hero-live-image{
    width:55%!important;
    padding:18px 42px 18px 20px!important;
  }
}

/* Tablet */
@media(min-width:761px) and (max-width:1099px){
  .slide.hero-live .hero-live-image{
    width:52%!important;
    padding:20px 26px 20px 14px!important;
  }
}

/* Móvil conserva el tratamiento vigente, pero sin recortar el producto. */
@media(max-width:760px){
  .slide.hero-live .hero-live-image{
    width:100%!important;
    height:100%!important;
    padding:18px!important;
    opacity:.50!important;
  }
  .slide.hero-live .hero-live-image img{
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
  }
}


/* =========================================================
   v0.9.1.3 — HERO: imagen SIEMPRE completa
   ========================================================= */

/* El contenedor visual ocupa su columna derecha completa.
   No usamos padding para dimensionar la imagen: la propia IMG recibe
   un rectángulo explícito dentro del Hero, evitando que max-height
   dependa del tamaño intrínseco del archivo. */
.slide.hero-live .hero-live-image{
  position:absolute!important;
  top:0!important;
  right:0!important;
  width:54%!important;
  height:100%!important;
  padding:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}

/* Regla decisiva:
   la fotografía queda encerrada en un rectángulo real con márgenes.
   width + height son explícitos y object-fit:contain actúa dentro de él,
   por lo que ninguna imagen 500x500, 1024x1024 u otra proporción
   puede superar el alto/ancho disponible ni ser recortada. */
.slide.hero-live .hero-live-image > img{
  position:absolute!important;
  top:16px!important;
  right:28px!important;
  bottom:16px!important;
  left:28px!important;
  width:calc(100% - 56px)!important;
  height:calc(100% - 32px)!important;
  max-width:none!important;
  max-height:none!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
}

/* El tratamiento/velo sigue ocupando la columna, no modifica
   ni interviene en las dimensiones de la fotografía. */
.slide.hero-live .hero-live-image::after{
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
}

/* Monitores grandes: aprovecha casi todo el alto del Hero. */
@media(min-width:1400px){
  .slide.hero-live .hero-live-image{
    width:55%!important;
  }
  .slide.hero-live .hero-live-image > img{
    top:14px!important;
    bottom:14px!important;
    left:30px!important;
    right:30px!important;
    width:calc(100% - 60px)!important;
    height:calc(100% - 28px)!important;
  }
}

/* Notebook / tablet horizontal */
@media(min-width:761px) and (max-width:1399px){
  .slide.hero-live .hero-live-image{
    width:53%!important;
  }
  .slide.hero-live .hero-live-image > img{
    top:16px!important;
    bottom:16px!important;
    left:24px!important;
    right:24px!important;
    width:calc(100% - 48px)!important;
    height:calc(100% - 32px)!important;
  }
}

/* Móvil: sigue funcionando como imagen ambiental, pero completa. */
@media(max-width:760px){
  .slide.hero-live .hero-live-image{
    width:100%!important;
    height:100%!important;
    padding:0!important;
    opacity:.50!important;
  }
  .slide.hero-live .hero-live-image > img{
    top:18px!important;
    bottom:18px!important;
    left:18px!important;
    right:18px!important;
    width:calc(100% - 36px)!important;
    height:calc(100% - 36px)!important;
    object-fit:contain!important;
  }
}

/* v0.9.2 — Avisos configurables */
.announcement.notice-info{background:var(--blue)}
.announcement.notice-promo{background:var(--orange);color:#17252b}.announcement.notice-promo .announce-track span:first-child{color:var(--blue)}.announcement.notice-promo .announce-wa{color:#17252b}
.announcement.notice-important{background:#8f3d2d}
#announcementLink{font-weight:900;text-decoration:underline;white-space:nowrap}


/* =========================================================
   v0.9.2.2 — Aviso superior
   ========================================================= */
.announcement{
  min-height:48px!important;
  display:flex!important;
  align-items:center!important;
}
.announcement .announce-track{
  min-height:48px!important;
  display:flex!important;
  align-items:center!important;
  gap:22px!important;
  padding-top:8px!important;
  padding-bottom:8px!important;
}
.announcement .announce-track span,
.announcement .announce-track b,
.announcement .announce-wa,
#announcementLink{
  line-height:1.25!important;
}

/* Sin aviso activo: comportamiento/color institucional actual. */
.announcement:not(.notice-active){
  background:var(--blue)!important;
  color:#fff!important;
}

/* Aviso activo: reemplaza el contenido central y destaca en naranja IT Phone. */
.announcement.notice-active{
  background:var(--orange)!important;
  color:#101820!important;
}
.announcement.notice-active .announce-track span,
.announcement.notice-active .announce-track b,
.announcement.notice-active .announce-wa,
.announcement.notice-active #announcementLink{
  color:#101820!important;
}
.announcement.notice-active .announce-wa{
  border-color:rgba(16,24,32,.28)!important;
}
#announcementLink{
  font-weight:900!important;
  text-decoration:underline!important;
}

@media(max-width:760px){
  .announcement,
  .announcement .announce-track{
    min-height:46px!important;
  }
  .announcement .announce-track{
    gap:12px!important;
    padding-top:7px!important;
    padding-bottom:7px!important;
  }
}


/* =========================================================
   v0.9.2.3 — AVISOS: centrado + lectura + móvil
   ========================================================= */

/* El contenido completo del zócalo se centra como una sola composición. */
.announcement{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

.announcement .announce-track{
  width:100%!important;
  max-width:1500px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  justify-items:center!important;
  column-gap:28px!important;
  padding-left:28px!important;
  padding-right:28px!important;
  box-sizing:border-box!important;
}

/* Institucional / aviso: alineación centrada real */
.announcement .announce-track > span,
.announcement #announcementText,
.announcement #announcementLink,
.announcement .announce-wa{
  text-align:center!important;
}

.announcement #announcementText{
  width:100%!important;
  justify-self:center!important;
  font-weight:800!important;
}

/* Full HD / Notebook 17": lectura cómoda a 100% de zoom */
@media (min-width:1500px){
  .announcement{
    min-height:58px!important;
  }
  .announcement .announce-track{
    min-height:58px!important;
    padding-top:10px!important;
    padding-bottom:10px!important;
  }
  .announcement .announce-track > span,
  .announcement #announcementText,
  .announcement #announcementLink,
  .announcement .announce-wa{
    font-size:14px!important;
    line-height:1.35!important;
  }
}

/* Tablet */
@media (min-width:761px) and (max-width:1499px){
  .announcement{
    min-height:54px!important;
  }
  .announcement .announce-track{
    min-height:54px!important;
    padding-top:9px!important;
    padding-bottom:9px!important;
  }
  .announcement .announce-track > span,
  .announcement #announcementText,
  .announcement #announcementLink,
  .announcement .announce-wa{
    font-size:13px!important;
  }
}

/* Móvil:
   - el zócalo duplica aproximadamente la altura vigente;
   - el aviso central SIEMPRE se muestra;
   - se distribuye en varias líneas cómodas;
   - se evita que marca/WhatsApp oculten el mensaje. */
@media (max-width:760px){
  .announcement{
    min-height:92px!important;
    height:auto!important;
  }
  .announcement .announce-track{
    min-height:92px!important;
    height:auto!important;
    width:100%!important;
    max-width:none!important;
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    align-items:center!important;
    gap:7px 12px!important;
    padding:12px 14px!important;
  }

  .announcement .announce-track > span:first-child{
    flex:0 0 100%!important;
    order:1!important;
    display:block!important;
    text-align:center!important;
    white-space:normal!important;
  }

  .announcement #announcementText{
    flex:0 0 100%!important;
    order:2!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    text-align:center!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    max-width:100%!important;
    font-size:13px!important;
    line-height:1.35!important;
  }

  .announcement #announcementLink{
    flex:0 0 auto!important;
    order:3!important;
    display:inline-block!important;
    font-size:12px!important;
    line-height:1.3!important;
  }
  .announcement #announcementLink[hidden]{
    display:none!important;
  }

  .announcement .announce-wa{
    flex:0 0 auto!important;
    order:4!important;
    display:inline-block!important;
    font-size:12px!important;
    line-height:1.3!important;
    white-space:normal!important;
  }

  .announcement .announce-track > span:first-child b{
    font-size:12px!important;
  }
}

/* En aviso activo, el mensaje sigue siendo el centro visual.
   Marca y acceso WhatsApp quedan secundarios pero visibles. */
.announcement.notice-active #announcementText{
  font-weight:900!important;
}


/* =========================================================
   v0.9.2.4 — AVISO institucional / aviso activo
   ========================================================= */

/* Institucional: vuelve a la distribución original:
   marca a la izquierda, rubros centrados, WhatsApp a la derecha. */
.announcement:not(.notice-active) .announce-track{
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  align-items:center!important;
  gap:24px!important;
  padding-left:24px!important;
  padding-right:24px!important;
  box-sizing:border-box!important;
}
.announcement:not(.notice-active) .announce-track > span:first-child{
  justify-self:start!important;
  text-align:left!important;
}
.announcement:not(.notice-active) #announcementText{
  justify-self:center!important;
  width:auto!important;
  text-align:center!important;
}
.announcement:not(.notice-active) .announce-wa{
  justify-self:end!important;
  text-align:right!important;
}

/* Aviso ACTIVO: desaparecen completamente los textos institucionales.
   Sólo queda el aviso en sí y, si fue configurado, su enlace propio. */
.announcement.notice-active .announce-track{
  width:100%!important;
  max-width:none!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:16px!important;
  padding-left:24px!important;
  padding-right:24px!important;
}
.announcement.notice-active .announce-track > span:first-child,
.announcement.notice-active .announce-wa{
  display:none!important;
}
.announcement.notice-active #announcementText{
  flex:0 1 auto!important;
  width:auto!important;
  max-width:min(1200px,88vw)!important;
  text-align:center!important;
  justify-self:auto!important;
  font-weight:900!important;
}

/* Hero: el lienzo completo comunica que es interactivo. */
.slide.hero-canvas-clickable{
  cursor:pointer!important;
}
.slide.hero-canvas-clickable:focus-visible{
  outline:3px solid rgba(255,168,38,.9)!important;
  outline-offset:-4px!important;
}

/* Móvil institucional: conserva las 3 piezas visibles y ordenadas,
   pero sin ocultar el contenido central. */
@media(max-width:760px){
  .announcement:not(.notice-active) .announce-track{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    gap:6px 12px!important;
    padding:11px 14px!important;
  }
  .announcement:not(.notice-active) .announce-track > span:first-child{
    flex:0 0 auto!important;
    order:1!important;
    text-align:center!important;
  }
  .announcement:not(.notice-active) #announcementText{
    flex:0 0 100%!important;
    order:2!important;
    display:block!important;
    text-align:center!important;
  }
  .announcement:not(.notice-active) .announce-wa{
    flex:0 0 auto!important;
    order:3!important;
    text-align:center!important;
  }

  /* En aviso activo, también en móvil sólo aparece el aviso. */
  .announcement.notice-active{
    min-height:92px!important;
  }
  .announcement.notice-active .announce-track{
    min-height:92px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    padding:12px 16px!important;
    gap:7px!important;
  }
  .announcement.notice-active #announcementText{
    display:block!important;
    flex:0 0 auto!important;
    width:100%!important;
    max-width:100%!important;
    font-size:13px!important;
    line-height:1.4!important;
    text-align:center!important;
  }
  .announcement.notice-active #announcementLink{
    order:2!important;
    text-align:center!important;
  }
}


/* =========================================================
   v0.9.2.5 — HERO real only / neutral fallback
   ========================================================= */
.slide.hero-neutral{
  background:#062f43!important;
  cursor:default!important;
}
.slide.hero-neutral .hero-neutral-bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 78% 35%,rgba(78,180,215,.16),transparent 32%),
    linear-gradient(120deg,#062f43,#08283a);
}
.slide.hero-neutral .slide-content{
  position:relative;
  z-index:2;
}
.slide.hero-neutral .slide-cta{
  display:none!important;
}
.slide.hero-neutral.hero-canvas-clickable{
  cursor:default!important;
}