/* ZETATEC V5 · Tienda pública. El panel conserva sus estilos y comportamiento. */
.storefront{--ink:#172B4D;--paper:#F5F7FA;--ease:cubic-bezier(.2,.75,.2,1);background:#fff;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}.storefront .container{max-width:1320px;width:calc(100% - 80px)}.storefront h1,.storefront h2,.storefront h3{font-weight:700;letter-spacing:-.045em}.storefront h2{font-size:clamp(27px,3vw,42px);line-height:1.12}.storefront .eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700;color:#007A87}.storefront .section{padding-top:68px;padding-bottom:68px}.storefront .section-head{margin-bottom:32px;align-items:end}.storefront .section-head h2{margin-bottom:0}.storefront .section-head>a{color:#0066CC;font-size:13px;font-weight:650;white-space:nowrap}.storefront .section-head>a i{transition:transform .3s}.storefront .section-head>a:hover i{transform:translateX(5px)}
/* Encabezado de dos niveles, ligero y enfocado en el catálogo. */
.storefront .topbar{background:#F5F7FA;color:#475569;border-bottom:1px solid #EDF2F7;font-size:10px}.storefront .topbar>.container{min-height:33px}.storefront .topbar a{color:#0052A3;font-weight:600}.storefront .header{background:rgba(255,255,255,.97);border-bottom:1px solid #E2E8F0;box-shadow:0 8px 30px rgba(15,23,42,.025);backdrop-filter:blur(18px);z-index:40}.storefront .header-main{min-height:98px;gap:35px;padding-top:19px;padding-bottom:19px}.storefront .brand img{width:185px;object-fit:contain}.storefront .search{max-width:580px}.storefront .search input{border:1px solid #E2E8F0;border-radius:50px;background:#F5F7FA;min-height:45px;font-size:13px;padding-left:24px;padding-right:60px;transition:background .25s,border-color .25s,box-shadow .25s}.storefront .search input:focus{background:#fff;border-color:#0066CC;box-shadow:0 0 0 4px #EFF6FF}.storefront .search>button{border-radius:50%;width:35px;height:35px;top:5px;right:5px;background:#0066CC;font-size:14px}.storefront .header-help{gap:10px;color:#475569}.storefront .header-help>i{font-size:23px}.storefront .header-help strong{color:#172B4D;font-size:13px}.storefront .cart-button{gap:12px;padding:10px 0 10px 12px}.storefront .cart-button>i{font-size:23px}.storefront .cart-label{font-size:12px}.storefront .cart-button b{border-radius:50%;min-width:23px;min-height:23px;font-size:10px}.storefront .nav{min-height:55px;justify-content:center;gap:clamp(18px,3vw,42px);border-top:1px solid #F1F5F9}.storefront .nav>a{position:relative;color:#172B4D;font-size:12px;font-weight:600;padding:18px 0;transition:color .25s;white-space:nowrap}.storefront .nav>a::after{position:absolute;content:'';height:2px;background:#0066CC;left:0;right:0;bottom:10px;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.storefront .nav>a:hover,.storefront .nav>a:focus-visible{color:#0066CC}.storefront .nav>a:hover::after,.storefront .nav>a:focus-visible::after{transform:scaleX(1)}.storefront .nav .all-categories{font-size:11px;color:#0052A3}.storefront .nav .offers-link{color:#B91C1C}.storefront .mobile-menu{background:#fff;box-shadow:0 14px 30px #172B4D12;border-radius:0 0 20px 20px}.storefront .mobile-menu a{padding:15px 24px;border-bottom:1px solid #F1F5F9}
/* El cintillo conserva avisos y serpentinas; más contraste y profundidad. */
.storefront .purchase-ribbon{background:linear-gradient(110deg,#004080 0%,#0066CC 52%,#007A87 100%);color:#fff;border:0}.storefront .purchase-ribbon-inner{min-height:61px}.storefront .purchase-ribbon-label{color:#fff;letter-spacing:.03em}.storefront .purchase-ribbon-label small{color:#EAF8FC;letter-spacing:0}.storefront .purchase-ribbon-item{color:#fff;font-size:11px}.storefront .purchase-ribbon-item strong{color:#fff;font-weight:800}.storefront .purchase-ribbon-verb,.storefront .purchase-ribbon-city{color:#EAF8FC}.storefront .purchase-ribbon-check{background:#ffffff1f;border-color:#ffffff65;color:#fff;box-shadow:0 0 20px #00B3C733}.storefront .purchase-ribbon-pause{background:#ffffff12;color:#fff;border-color:#ffffff65}.storefront .purchase-ribbon-pause:hover{background:#ffffff28}.storefront .purchase-ribbon-pause:focus-visible{outline-color:#fff}.storefront .purchase-ribbon-item+.purchase-ribbon-item{border-color:#ffffff38}.storefront .purchase-confetti{z-index:2}
/* Hero: las imágenes y sus proporciones se mantienen sin nuevos recortes. */
.storefront .hero{max-width:none;width:100%;margin-top:0;border-bottom:1px solid #EDF2F7}.storefront .hero-track{border-radius:0;background:#F5F7FA;overflow:hidden}.storefront .hero-slide{animation:zt-scene-in .9s var(--ease);aspect-ratio:8/3}.storefront .hero-slide picture{inset:0}.storefront .hero-slide picture img{object-fit:cover}.storefront .hero-copy{padding:clamp(30px,5vw,80px) 8%;max-width:58%;box-sizing:border-box}.storefront .hero-copy h1{font-size:clamp(32px,4.1vw,64px);line-height:1.03;letter-spacing:-.055em;margin-bottom:18px}.storefront .hero-copy p{font-size:clamp(12px,1.1vw,17px);line-height:1.65}.storefront .hero-copy .eyebrow{margin-bottom:17px}.storefront .carousel-controls .icon-btn{border:1px solid #E2E8F0;background:#ffffffee;backdrop-filter:blur(10px);box-shadow:0 4px 16px #172B4D0D;width:39px;height:39px}.storefront .carousel-controls .dots{background:#ffffffed;border:1px solid #E2E8F0;padding:11px 16px;border-radius:40px;box-shadow:0 5px 18px #172B4D0D}.storefront .dots button{width:7px;height:7px;transition:width .3s,background .3s}.storefront .dots button.active{width:23px;border-radius:20px;background:#0066CC}
/* Superficies editoriales, contenido y categorías existentes. */
.storefront .soft-section{background:#F5F7FA;border-top:1px solid #EDF2F7;border-bottom:1px solid #EDF2F7}.storefront .category-grid{gap:30px;align-items:start}.storefront .category-item{gap:15px;font-size:13px;font-weight:600}.storefront .category-item>span{background:#F5F7FA;border:1px solid #EDF2F7;box-shadow:none;padding:14px;transition:background .4s,transform .5s var(--ease),box-shadow .4s,border-color .4s}.storefront .category-item img{transition:transform .65s var(--ease);mix-blend-mode:multiply}.storefront .category-item:hover>span{background:#EAF8FC;border-color:#B8E2ED;transform:translateY(-5px);box-shadow:0 14px 28px #172B4D0A}.storefront .category-item:hover img{transform:scale(1.065)}.storefront .category-item strong{color:#172B4D}.storefront .category-item.selected>span{background:#EFF6FF}.storefront .subcategory-navigation{padding:10px 0 45px;border-bottom:1px solid #E2E8F0;margin-bottom:35px}.storefront .subcategory-navigation .category-grid{margin-top:27px}.storefront .subcategory-navigation h2{font-size:25px}
.storefront .product-grid{gap:24px}.storefront .product-card{border-radius:22px;border:1px solid #E2E8F0;box-shadow:0 4px 20px #172B4D03;background:#fff;overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s,border-color .5s}.storefront .product-card:hover{transform:translateY(-7px);border-color:#B9C9DC;box-shadow:0 18px 42px #172B4D0D}.storefront .product-image{background:#fff;padding:28px;aspect-ratio:1}.storefront .product-image img{transition:transform .7s var(--ease)}.storefront .product-card:hover .product-image img{transform:scale(1.055)}.storefront .product-card-body{padding:7px 24px 25px}.storefront .product-card h3{font-size:17px;line-height:1.4;font-weight:650;letter-spacing:-.025em}.storefront .product-card-body .eyebrow{font-size:9px}.storefront .price-row strong{font-size:22px;letter-spacing:-.04em}.storefront .price-row del{color:#64748B}.storefront .badge{border-radius:7px;letter-spacing:.015em}.storefront .availability{font-size:11px}.storefront .mini-swatches{gap:7px}.storefront .btn{border-radius:50px;padding:13px 23px;font-weight:600;font-size:13px;letter-spacing:-.01em;box-shadow:none;transition:background .25s,transform .25s,box-shadow .25s,border-color .25s}.storefront .btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 20px #0066CC17}.storefront .btn:active{transform:translateY(0)}.storefront .btn.secondary{border:1px solid #0066CC}.storefront .btn.tertiary:hover{box-shadow:none}.storefront .product-card .btn{font-size:11px;min-height:40px;padding:10px 13px}.storefront .icon-btn{border-radius:50%;transition:background .25s,transform .25s}.storefront .icon-btn:hover{transform:scale(1.05)}
.storefront .promotion-heading{margin-bottom:32px;text-align:left}.storefront .promotion-heading h2{font-size:clamp(27px,3vw,42px);margin-top:12px}.storefront .promotion-heading p{font-size:15px;color:#475569}.storefront .promotion-grid{gap:18px}.storefront .promotion-tile{border-radius:20px;box-shadow:0 3px 18px #172B4D08;overflow:hidden;border:1px solid #E2E8F0;transition:box-shadow .45s,transform .45s var(--ease)}.storefront .promotion-tile img{transition:transform .8s var(--ease)}.storefront .promotion-tile:hover{transform:translateY(-4px);box-shadow:0 18px 40px #172B4D12}.storefront .promotion-tile:hover img{transform:scale(1.025)}.storefront .promotion-action{background:#fffffff2;color:#172B4D;border-radius:12px;margin:12px;padding:13px 15px;backdrop-filter:blur(12px);font-size:12px}.storefront .brand-section{padding:50px 0;background:#fff;border-bottom:1px solid #E2E8F0}.storefront .brand-section h2{font-size:26px;margin-bottom:35px}.storefront .brands-grid a{transition:transform .4s;color:#172B4D}.storefront .brands-grid a:hover{transform:translateY(-4px)}.storefront .benefits{gap:30px}.storefront .benefits>div{padding:25px 25px 25px 0}.storefront .benefits h3{font-size:19px;letter-spacing:-.025em}.storefront .benefits>div>i{font-size:30px;color:#0066CC;margin-bottom:20px}.storefront .benefits p{font-size:13px;line-height:1.8;color:#475569}.storefront .review-card{border:1px solid #E2E8F0;border-radius:22px;background:#F8FAFC;padding:30px;box-shadow:none}.storefront .review-card>p{font-size:15px;line-height:1.8}.storefront .review-person strong{font-size:12px}.storefront .stars{font-size:14px;letter-spacing:3px}.storefront .location-section{background:#F5F7FA}.storefront .location-card{border-radius:24px;overflow:hidden;border:1px solid #E2E8F0;box-shadow:0 12px 45px #172B4D06}.storefront .location-card h2{font-size:34px}.storefront .location-map iframe{filter:saturate(.85)}
/* Catálogo, ficha, formularios y carrito: misma funcionalidad. */
.storefront .breadcrumb{font-size:11px;color:#64748B;margin-bottom:26px}.storefront .filters{border:1px solid #E2E8F0;border-radius:18px;padding:24px;background:#fff}.storefront .filters h2{font-size:18px;letter-spacing:-.025em}.storefront .filters label{font-size:12px}.storefront input:not([type=checkbox]):not([type=radio]):not([type=color]),.storefront select,.storefront textarea{border-radius:10px;transition:border-color .2s,box-shadow .2s;background-color:#fff}.storefront .search input{border-radius:50px;background:#F5F7FA}.storefront input:focus,.storefront select:focus,.storefront textarea:focus{box-shadow:0 0 0 3px #EFF6FF}.storefront .main-photo{border:1px solid #EDF2F7;border-radius:25px;background:#fff;overflow:hidden}.storefront .main-photo img{transition:transform .75s var(--ease)}.storefront .main-photo:hover img{transform:scale(1.045)}.storefront .thumbnails{margin-top:18px;gap:10px}.storefront .thumbnails button{border-radius:12px;overflow:hidden;border-width:1px}.storefront .thumbnails button.active{border-color:#0066CC;box-shadow:0 0 0 2px #0066CC}.storefront .product-info h1{font-size:clamp(30px,3vw,44px);line-height:1.08}.storefront .detail-price strong{font-size:36px}.storefront .capacity-options button{border-radius:10px;padding:11px 18px;transition:background .25s,border-color .25s}.storefront .product-description{background:#F8FAFC;border-radius:22px;padding:25px;margin-top:45px}.storefront .product-description summary{font-weight:650;font-size:17px;letter-spacing:-.02em}.storefront .order-summary{border:1px solid #E2E8F0;border-radius:22px;box-shadow:0 10px 35px #172B4D06}.storefront .cart-line{border-color:#E2E8F0}.storefront .cart-line img{border-radius:14px}.storefront dialog:not(.drawer){border-radius:24px}.storefront .drawer{box-shadow:-20px 0 80px #172B4D19}.storefront .drawer-head{border-bottom:1px solid #E2E8F0}.storefront .drawer-head h2{font-size:24px}.storefront .drawer-foot{background:#F8FAFC}.storefront .consent{border:1px solid #E2E8F0;box-shadow:0 14px 50px #172B4D19;border-radius:18px}.storefront .whatsapp-chat{border-radius:22px;box-shadow:0 20px 60px #102A4326}.storefront .whatsapp-toggle{box-shadow:0 10px 30px #128C4A33}.storefront footer{background:#102A43;color:#CBD5E1;border-top:4px solid #00B3C7;padding-top:65px}.storefront footer h2,.storefront footer h3{color:#fff;letter-spacing:-.025em}.storefront footer a{transition:color .25s}.storefront footer a:hover{color:#fff}.storefront .footer-bottom{border-color:#ffffff20;padding-top:25px;margin-top:40px}
/* Reveals sólo se habilitan si JavaScript y el observador funcionan. */
.storefront .zt-reveal{transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--zt-delay,0ms)}.storefront .zt-reveal.zt-pending{opacity:0;transform:translateY(28px)}.storefront .zt-reveal.zt-visible{opacity:1;transform:translateY(0)}.storefront .zt-reveal:focus-within{opacity:1;transform:none}.storefront .zt-page-progress{position:fixed;top:0;left:0;width:100%;height:2px;background:#00B3C7;transform:scaleX(0);transform-origin:left;z-index:80;pointer-events:none}.storefront .hero-copy h1{animation:zt-title-in .85s var(--ease) both}.storefront .hero-copy p{animation:zt-title-in 1s var(--ease) both}.storefront .hero-copy .btn{animation:zt-title-in 1.1s var(--ease) both}@keyframes zt-scene-in{from{opacity:.4}to{opacity:1}}@keyframes zt-title-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
/* Presentación: modal superior real, cierre accesible y fondo gris celeste. */
.storefront .intro-video-dialog{padding:0;border:1px solid #ffffff99;background:#F8FAFC;width:min(1000px,calc(100% - 40px));max-width:1000px;max-height:calc(100dvh - 45px);box-shadow:0 35px 120px #102A4340;overflow:auto}.storefront .intro-video-dialog::backdrop{background:rgba(71,95,120,.57);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.storefront .intro-video-dialog[open]{animation:zt-intro-in .5s var(--ease)}.storefront .intro-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 28px;background:#ffffffef}.storefront .intro-head h2{font-size:23px;margin:7px 0 0;letter-spacing:-.035em}.storefront .intro-head .eyebrow{font-size:9px}.storefront .intro-screen{background:#071524;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}.storefront .intro-screen video{width:100%;height:100%;max-height:60dvh;object-fit:contain}.storefront .intro-foot{padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.storefront .intro-foot p{font-size:12px;color:#475569;margin:0;max-width:380px;line-height:1.7}.storefront .intro-foot .actions{flex-shrink:0}.storefront.zt-intro-open{overflow:hidden}@keyframes zt-intro-in{from{opacity:0;transform:translateY(15px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:1450px){.storefront .hero{max-width:1600px;width:calc(100% - 40px);margin:20px auto 0;border:1px solid #EDF2F7;border-radius:24px;overflow:hidden}}@media(max-width:1100px){.storefront .container{width:calc(100% - 48px)}.storefront .header-main{gap:23px;min-height:85px}.storefront .brand img{width:165px}.storefront .nav{gap:25px}.storefront .nav>a{font-size:11px}.storefront .hero-copy{max-width:60%}.storefront .hero-copy h1{font-size:40px}.storefront .product-grid{gap:18px}.storefront .product-card-body{padding:6px 18px 20px}.storefront .section{padding:50px 0}.storefront .intro-foot{flex-wrap:wrap}.storefront .intro-foot p{max-width:none}.storefront .intro-foot .actions{margin-left:auto}}
@media(max-width:800px){.storefront .header-main{padding:14px 0;gap:12px}.storefront .nav{display:none}.storefront .header-main .search{max-width:none}.storefront .search input{min-height:43px}.storefront .hero-copy{padding:26px 7%;max-width:60%}.storefront .hero-copy h1{font-size:30px;margin-bottom:12px}.storefront .hero-copy p{font-size:11px;margin-bottom:13px}.storefront .hero-copy .eyebrow{font-size:8px;margin-bottom:9px}.storefront .hero-copy .btn{font-size:11px;padding:10px 17px;min-height:36px}.storefront .category-grid{gap:25px 20px}.storefront .product-grid{gap:17px}.storefront .section-head h2{font-size:30px}.storefront .product-image{padding:22px}.storefront .location-card h2{font-size:29px}.storefront .product-info h1{font-size:31px}.storefront .topbar{font-size:9px}.storefront .purchase-ribbon-inner{min-height:64px}.storefront .promotion-grid{gap:13px}.storefront .intro-screen video{max-height:55dvh}.storefront .intro-head{padding:20px}.storefront .intro-foot{padding:18px 20px}.storefront .intro-head h2{font-size:21px}}
@media(max-width:640px){.storefront .hero-slide{aspect-ratio:4/5}.storefront .hero-copy{padding:38px 8%;max-width:100%}.storefront .hero-copy h1{font-size:42px;max-width:320px}.storefront .hero-copy p{font-size:13px;max-width:275px;line-height:1.6}.storefront .hero-copy .eyebrow{font-size:9px}.storefront .hero-copy .btn{padding:13px 22px;font-size:12px}.storefront .intro-foot .actions{width:100%;justify-content:space-between;flex-wrap:wrap}.storefront .intro-foot .btn{padding:11px 17px;font-size:12px}.storefront .intro-video-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.storefront .intro-head h2{font-size:19px}.storefront .intro-screen{aspect-ratio:auto;min-height:180px}.storefront .intro-screen video{max-height:50dvh;aspect-ratio:16/9}}
@media(max-width:520px){.storefront .container{width:calc(100% - 32px)}.storefront .header-main{gap:9px}.storefront .brand img{width:150px;height:42px}.storefront .cart-button{padding-left:5px}.storefront .section{padding:38px 0}.storefront .section-head{margin-bottom:24px;align-items:center;gap:12px}.storefront .section-head h2,.storefront .promotion-heading h2{font-size:27px}.storefront .section-head>a{font-size:10px}.storefront .eyebrow{font-size:8px}.storefront .category-grid{gap:23px 10px}.storefront .category-item{font-size:11px;gap:12px}.storefront .category-item>span{padding:9px;width:96px}.storefront .product-grid{gap:11px}.storefront .product-card{border-radius:15px}.storefront .product-image{padding:15px}.storefront .product-card-body{padding:4px 13px 17px}.storefront .product-card h3{font-size:13px;min-height:38px}.storefront .price-row strong{font-size:18px}.storefront .product-card .btn{font-size:10px;padding:9px 7px}.storefront .product-card-body .eyebrow{font-size:8px}.storefront .promotion-grid{gap:10px}.storefront .promotion-tile{border-radius:13px}.storefront .promotion-action{font-size:10px;margin:7px;padding:9px}.storefront .promotion-heading p{font-size:13px}.storefront .review-card{padding:23px;border-radius:17px}.storefront .review-card>p{font-size:14px}.storefront .benefits>div{padding:0 0 20px}.storefront .benefits h3{font-size:17px}.storefront .benefits>div>i{margin-bottom:10px}.storefront .benefits p{margin-left:43px}.storefront .product-description{padding:18px;border-radius:17px}.storefront .purchase-ribbon-inner{gap:9px;min-height:77px}.storefront .purchase-ribbon-item{font-size:10px}.storefront .purchase-ribbon-label{font-size:8px}.storefront footer{padding-top:45px}.storefront .location-card h2{font-size:26px}.storefront .hero-copy h1{font-size:36px}.storefront .hero-copy{padding:32px 8%}.storefront .hero-copy p{font-size:12px}.storefront .filters{padding:20px}.storefront .intro-head{padding:17px}.storefront .intro-head h2{font-size:18px}.storefront .intro-foot p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.storefront *,.storefront *::before,.storefront *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.storefront .zt-reveal.zt-pending{opacity:1;transform:none}.storefront .product-card:hover,.storefront .category-item:hover>span,.storefront .promotion-tile:hover{transform:none}.storefront .zt-page-progress{display:none}}

.storefront .location-layout{border:1px solid #E2E8F0;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 12px 45px #172B4D06}.storefront .location-copy{padding:35px}.storefront .map-frame{border-radius:0;min-height:420px}.storefront .map-frame iframe{filter:saturate(.85)}@media(max-width:640px){.storefront .location-copy{padding:23px}.storefront .map-frame{min-height:320px}}