:root{--navy:#063b6f;--red:#e51d2a;--text:#102a43;--blue2:#0a477f}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Arial,sans-serif;color:var(--text);background:#fff}
a{text-decoration:none;color:inherit}
.container{width:min(1240px,94%);margin:auto}

/* TOP */
.topbar{background:var(--navy);color:#fff;font-size:12px}
.topbar-in{display:flex;justify-content:space-between;gap:15px;padding:7px 0}
.head{display:flex;align-items:center;gap:18px;padding:10px 0}
.brand{flex:0 0 auto}.brand img{max-width:250px;height:68px;object-fit:contain}
.text-logo{font-size:25px;font-weight:800;color:var(--navy)}.text-logo span,footer span{color:var(--red)}
.search{height:42px;display:flex;flex:1;border:1px solid #d8dee6;border-radius:7px;overflow:hidden;background:#fff}
.search input{border:0;outline:0;padding:0 14px;flex:1;min-width:0}.search button{width:55px;border:0;background:var(--red);color:#fff;font-size:22px}
.head-wa{display:flex;gap:7px;align-items:center;font-size:11px;white-space:nowrap}.head-wa b{font-size:18px;color:var(--navy)}
.head-link{font-weight:700;font-size:12px;white-space:nowrap}

/* NAVIGATION: only main categories in one row */
.main-nav,nav{background:var(--navy);color:#fff}.nav{display:flex;align-items:center;min-width:0}
.menu-toggle{background:var(--red);border:0;color:#fff;padding:11px 14px;font-weight:700;cursor:pointer}.mobile-category-toggle{display:none;width:100%;text-align:left}
.desktop-menu{flex:1;min-width:0;overflow:visible}
.at-category-menu{display:flex;align-items:center;flex-wrap:nowrap;gap:0;margin:0;padding:0;list-style:none;white-space:nowrap;overflow:visible}
.at-cat-item{position:relative;flex:0 0 auto;list-style:none}
.at-cat-item>a{display:flex;align-items:center;gap:4px;padding:13px 9px;color:#fff;font-size:12px;font-weight:700;line-height:1;white-space:nowrap}
.at-cat-item:hover>a{background:var(--blue2)}
.at-arrow{font-size:11px;opacity:.8}
.at-submenu{display:none;position:absolute;z-index:100;top:100%;left:0;min-width:220px;max-height:430px;overflow:auto;margin:0;padding:6px 0;list-style:none;background:#fff;color:var(--navy);box-shadow:0 10px 30px #0003;border-radius:0 0 7px 7px}
.at-cat-item:hover>.at-submenu{display:block}
.at-submenu li{list-style:none}.at-submenu a{display:block;padding:9px 13px;color:var(--navy);font-size:13px;white-space:normal}
.at-submenu a:hover{background:#eef4f9}
.offers{flex:0 0 auto;background:var(--red);padding:13px 14px;color:#fff;font-weight:700;font-size:12px;white-space:nowrap}
.mobile-menu{display:none}

/* BANNER */
.hero-slider{position:relative;width:100%;height:390px;overflow:hidden;background:#eef3f7}
.hero-slide{position:absolute;inset:0;width:100%;height:100%;background-color:#eef3f7;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:0;visibility:hidden;transition:opacity .45s ease}
.hero-slide.active{opacity:1;visibility:visible}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.88) 35%,rgba(255,255,255,.22) 72%,rgba(255,255,255,0) 100%)}
.hero-in{position:relative;z-index:2;height:100%;display:flex;align-items:center;justify-content:space-between}
.hero-copy{max-width:620px}.hero-slide h1{font-size:42px;line-height:1.08;margin:9px 0;color:var(--navy)}.hero-slide p{font-size:17px;line-height:1.45;margin:0 0 18px}.hero-copy small{font-size:15px;letter-spacing:4px;font-weight:800;color:var(--navy)}

.btn{display:inline-block;background:var(--red);color:#fff;padding:13px 20px;border-radius:6px;font-weight:800}
.ship{background:#fff;border-radius:14px;padding:20px;text-align:center;box-shadow:0 8px 30px #0002;font-size:30px;margin-right:10px}
.ship strong{display:block;font-size:18px;color:var(--navy)}.ship small{display:block;color:var(--red);font-weight:800;font-size:11px}
.hero-prev,.hero-next{position:absolute;z-index:5;top:50%;transform:translateY(-50%);border:0;background:#fff;color:var(--navy);width:38px;height:38px;border-radius:50%;font-size:30px;line-height:25px;box-shadow:0 3px 12px #0003;cursor:pointer}
.hero-prev{left:15px}.hero-next{right:15px}
.hero-dots{position:absolute;z-index:6;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:7px}
.hero-dots button{width:9px;height:9px;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0005;padding:0;cursor:pointer}
.hero-dots button.active{background:var(--red);transform:scale(1.2)}

/* CATEGORY STRIP UNDER BANNER */
.cats{display:flex;align-items:stretch;gap:10px;padding:14px 0;overflow-x:auto;scrollbar-width:thin}
.cat{flex:1 0 105px;max-width:145px;min-width:105px;height:116px;background:#fff;border:1px solid #e4e9ef;border-radius:8px;padding:7px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}
.cat img{width:100%;height:72px;object-fit:contain}.cat b{display:block;font-size:12px;line-height:1.15;color:var(--navy);margin-top:4px}
.ph{height:72px;width:100%;display:grid;place-items:center;font-size:24px;background:#f7f9fb}

/* BENEFITS */
.benefits{background:#f2f6f9}.benefits-in{display:grid;grid-template-columns:repeat(4,1fr);padding:16px 0}
.benefits-in div{padding:7px 18px;border-right:1px solid #d7e0e8}.benefits-in div:last-child{border:0}
.benefits-in b,.benefits-in small{display:block;margin-left:27px}.benefits-in b{font-size:13px}.benefits-in small{font-size:11px;color:#64748b}
.payments{margin-top:10px;background:#f7f9fb;border-radius:9px;padding:14px;display:flex;gap:20px;align-items:center;flex-wrap:wrap;font-size:13px}

/* PROMOTIONS */
.promos{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:12px}
.promos>div{min-height:125px;border-radius:9px;padding:16px;background:linear-gradient(90deg,#f2e7dc,#fff)}
.promos h2{margin:0;color:var(--navy);font-size:19px}.promos p{margin:6px 0 12px;font-size:13px}
.promos a{background:var(--red);color:#fff;padding:8px 13px;border-radius:5px;font-weight:700;font-size:12px}

/* PRODUCTS: fixed compact 4-column grid */
.products{padding:22px 0 55px}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title h2{color:var(--navy);font-size:22px}
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin:0!important;padding:0!important}
.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important}
.woocommerce ul.products li.product{width:auto!important;float:none!important;clear:none!important;margin:0!important;border:1px solid #e1e7ed;border-radius:9px;padding:9px!important;background:#fff;min-width:0}
.woocommerce ul.products li.product img{width:100%!important;height:190px!important;object-fit:contain!important;margin:0 auto 7px!important}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:13px!important;line-height:1.3!important;min-height:34px}
.woocommerce ul.products li.product .price{font-size:13px!important}.woocommerce ul.products li.product .button{background:var(--red);color:#fff;font-size:12px;padding:8px 10px}
.content{padding:35px 0 60px}

/* FOOTER + WHATSAPP */
footer{background:var(--navy);color:#fff}.foot{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:25px;padding:35px 0}.foot p{color:#dbeafe;line-height:1.5;font-size:13px}
.copy{text-align:center;border-top:1px solid #ffffff22;padding:12px;color:#cbd5e1;font-size:12px}
.at-wa-float{position:fixed;right:18px;bottom:18px;z-index:9999;background:#1bb95a;color:#fff;padding:10px 18px;border-radius:40px;box-shadow:0 8px 25px #0003;font-size:13px}.at-wa-float b{font-size:17px}

@media(max-width:1100px){
 .at-cat-item>a{padding:13px 7px;font-size:11px}.menu-toggle{padding:13px 10px;font-size:12px}
 .cat{min-width:95px;max-width:125px}.woocommerce ul.products li.product img{height:175px!important}
}
@media(max-width:760px){
 .topbar-in{justify-content:center;font-size:10px}.topbar-in span:nth-child(2){display:none}
 .head{flex-wrap:wrap;gap:9px}.brand{width:100%;text-align:center}.brand img{height:58px}
 .search{order:4;width:100%;flex-basis:100%}.head-link{display:none}.head-wa{margin-left:auto}
 .desktop-menu{display:none}.mobile-category-toggle{display:block;width:100%;text-align:left}.offers{display:none}
 .mobile-menu{display:none;padding:6px 0;background:var(--navy)}.mobile-menu.open{display:block}
 .mobile-menu .at-category-menu{display:block;white-space:normal;overflow:visible}.mobile-menu .at-cat-item>a{padding:10px 14px}
 .mobile-menu .at-submenu{display:none;position:static;max-height:none;box-shadow:none;background:#0a467e;border-radius:0;padding:0}
 .mobile-menu .at-submenu a{color:#fff;padding:8px 25px}
 .hero-slider{height:460px}.hero-slide{height:460px;background-position:center}.hero-overlay{background:linear-gradient(180deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.75) 50%,rgba(255,255,255,.1) 100%)}
 .hero-in{align-items:flex-start}.hero-copy{padding-top:35px;max-width:80%}.hero-slide h1{font-size:32px}.hero p{font-size:15px}
 .ship{position:absolute;right:5px;bottom:35px;padding:12px;font-size:24px;margin:0}.ship strong{font-size:16px}
 .cats{padding:10px 0;gap:8px}.cat{min-width:105px;height:105px}.cat img,.ph{height:62px}
 .benefits-in{grid-template-columns:1fr 1fr}.benefits-in div{padding:9px 7px}
 .promos{grid-template-columns:1fr}.promos>div{min-height:110px}
 .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.woocommerce ul.products li.product img{height:145px!important}
 .foot{grid-template-columns:1fr 1fr}.at-wa-float{right:8px;bottom:8px}
}
@media(max-width:430px){.head-wa span{font-size:9px}.head-wa b{font-size:14px}.hero-copy{max-width:90%}.hero-slide h1{font-size:29px}.benefits-in{grid-template-columns:1fr}.foot{grid-template-columns:1fr}}

/* SEARCH RESULTS */
.topbar-in{white-space:nowrap}.topbar-in>span{flex:1;text-align:center;min-width:0;white-space:nowrap}
.search-page{background:#fff;min-height:55vh;padding:28px 0 70px}.search-wrap{width:min(1240px,94%)}
.search-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:8px 0 22px;border-bottom:1px solid #e5eaf0}.search-heading small{font-size:11px;letter-spacing:2px;font-weight:800;color:#64748b}.search-heading h1{margin:7px 0 0;color:var(--navy);font-size:30px;line-height:1.15}.search-back{color:var(--navy);font-weight:700;font-size:13px}
.search-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding-top:24px}.search-product{border:1px solid #e2e8ef;border-radius:10px;background:#fff;overflow:hidden;min-width:0;transition:box-shadow .2s,transform .2s}.search-product:hover{box-shadow:0 8px 25px #00000012;transform:translateY(-2px)}
.search-product-image{display:flex;height:210px;align-items:center;justify-content:center;background:#fff;padding:12px}.search-product-image img{width:100%!important;height:100%!important;object-fit:contain!important;margin:0!important}.search-product-body{padding:10px 12px 14px}.search-product-title{display:block;color:var(--navy);font-size:14px;font-weight:700;line-height:1.3;min-height:38px}.search-price{font-size:14px;margin:8px 0;color:#172b4d}.search-price del{color:#8a96a3}.search-price ins{text-decoration:none;font-weight:800}.search-whatsapp{display:block;text-align:center;background:#1b8f4a;color:#fff;border-radius:5px;padding:9px 8px;font-size:12px;font-weight:700}
.search-pagination{padding-top:28px}.search-pagination ul{display:flex;justify-content:center;gap:6px;list-style:none;margin:0;padding:0}.search-pagination a,.search-pagination span{display:inline-flex;min-width:34px;height:34px;align-items:center;justify-content:center;border:1px solid #d9e1e8;border-radius:5px;color:var(--navy);font-size:13px;padding:0 9px}.search-pagination .current{background:var(--navy);color:#fff;border-color:var(--navy)}
.no-results-box{max-width:680px;margin:45px auto;text-align:center;padding:45px 25px;border:1px solid #e3e8ee;border-radius:12px;background:#f8fafc}.no-results-icon{width:64px;height:64px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:#e8f0f7;color:var(--navy);font-size:30px}.no-results-box h2{margin:8px 0;color:var(--navy);font-size:25px}.no-results-box p{color:#526273;line-height:1.5;margin:0 auto 20px;max-width:560px}
@media(max-width:1050px){.search-products{grid-template-columns:repeat(3,minmax(0,1fr))}.search-product-image{height:190px}}
@media(max-width:760px){.topbar-in{gap:5px;overflow:hidden}.topbar-in>span{font-size:9px}.search-heading{display:block}.search-back{display:inline-block;margin-top:12px}.search-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.search-product-image{height:155px}.search-product-body{padding:9px}.search-product-title{font-size:12px}.search-whatsapp{font-size:11px}.search-page{padding-top:18px}}
@media(max-width:430px){.topbar-in>span{font-size:8px}.search-products{gap:8px}.search-product-image{height:140px}}

@media(min-width:761px){.desktop-menu{width:100%}.at-category-menu{width:max-content;min-width:100%}.at-cat-item>a{font-size:12px}.mobile-category-toggle{display:none}}

.mobile-menu .at-cat-item.open>.at-submenu{display:block}

/* v8: búsqueda de productos */
.at-search-results{display:block!important;visibility:visible!important;opacity:1!important;background:#fff!important;min-height:500px;padding:34px 0 80px!important;color:#14263d!important}
.at-search-results .search-wrap{display:block!important;visibility:visible!important}
.at-search-results .search-heading{display:flex!important;min-height:70px!important}
.at-search-results .search-products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.at-search-results .search-product{display:block!important;visibility:visible!important;min-height:330px!important;background:#fff!important}
.at-search-results .search-product-image{display:flex!important;height:220px!important;background:#fff!important}
.at-search-results .search-product-image img{display:block!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}
.at-search-results .search-product-body{display:block!important}
.at-search-results .search-product-title{display:block!important}
.at-search-results .search-pagination{display:block!important}
.at-search-results .no-results-box{display:block!important}
.search-no-image{color:#64748b;font-size:13px}
@media(max-width:1050px){.at-search-results .search-products{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){.at-search-results{padding:20px 0 50px!important}.at-search-results .search-heading{display:block!important}.at-search-results .search-products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.at-search-results .search-product-image{height:165px!important}}

@media(min-width:761px){
 .topbar-in{width:min(1240px,94%);margin:auto;display:flex;justify-content:space-between;gap:20px;overflow:hidden}
 .head{width:min(1240px,94%);margin:auto;display:flex;align-items:center;gap:22px}
 .head .search{min-width:280px}
 .main-nav .container{width:min(1240px,94%);margin:auto}
}

/* v9: search results - force visible, compact and responsive */
.at-search-results{display:block!important;width:100%!important;min-height:55vh!important;background:#fff!important;color:#14263d!important;padding:32px 0 70px!important;visibility:visible!important;opacity:1!important}
.at-search-results .search-wrap{display:block!important;width:min(1240px,94%)!important;margin:0 auto!important}
.at-search-results .search-heading{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:20px!important;border-bottom:1px solid #e5eaf0!important;padding:8px 0 22px!important}
.at-search-results .search-products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;padding-top:24px!important}
.at-search-results .search-product{display:block!important;position:relative!important;min-width:0!important;min-height:0!important;border:1px solid #e2e8ef!important;border-radius:10px!important;background:#fff!important;overflow:hidden!important}
.at-search-results .search-product-image{display:flex!important;width:100%!important;height:220px!important;align-items:center!important;justify-content:center!important;background:#fff!important;padding:12px!important;box-sizing:border-box!important}
.at-search-results .search-product-image img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;margin:0!important}
.at-search-results .search-product-body{display:block!important;padding:10px 12px 14px!important}
.at-search-results .search-product-title{display:block!important;color:#063b6f!important;font-size:14px!important;font-weight:700!important;line-height:1.35!important;min-height:38px!important}
.at-search-results .search-price{display:block!important;font-size:14px!important;margin:8px 0!important;color:#172b4d!important}
.at-search-results .search-whatsapp{display:block!important;text-align:center!important;background:#1b8f4a!important;color:#fff!important;border-radius:5px!important;padding:9px 8px!important;font-size:12px!important;font-weight:700!important}
.at-search-results .no-results-box{display:block!important;text-align:center!important;padding:70px 20px!important;margin-top:25px!important;background:#f6f8fa!important;border-radius:12px!important}
@media(max-width:1050px){.at-search-results .search-products{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){.at-search-results{padding:20px 0 50px!important}.at-search-results .search-heading{display:block!important}.at-search-results .search-products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.at-search-results .search-product-image{height:165px!important}.at-search-results .search-product-title{font-size:12px!important}.at-search-results .search-whatsapp{font-size:11px!important}}
