:root{--varona-yellow:#f3c400;--varona-dark:#17191c;--varona-soft:#f5f6f7}
body{background:#fff;color:#202327}.hero-section{background:radial-gradient(circle at top,#fff 0,#f6f7f8 70%)}
.hero-kicker,.section-kicker{font-size:.78rem;letter-spacing:.16em;font-weight:800;color:#9a7900}.hero-copy{max-width:720px}.hero-search{max-width:850px}
.catalog-search .form-control{border:0}.catalog-search .btn-warning{background:var(--varona-yellow);border-color:var(--varona-yellow)}
.brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.brand-card{position:relative;display:flex;align-items:center;gap:1rem;min-height:112px;padding:1.05rem 2.3rem 1.05rem 1.05rem;border-radius:1rem;background:#fff;border:1px solid #e2e5e8;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;color:#202327;text-align:left}.brand-card:hover{color:#202327;transform:translateY(-3px);box-shadow:0 .7rem 1.4rem rgba(0,0,0,.08);border-color:#d4b000}.brand-logo-wrap{flex:0 0 76px;display:flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:1rem;background:#f7f8f9;overflow:hidden}.brand-logo{display:block;max-width:66px;max-height:54px;width:auto;height:auto;object-fit:contain}.brand-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:.25rem}.brand-name{font-weight:800;font-size:1rem;line-height:1.2;color:#202327}.brand-count{font-size:.78rem;line-height:1.35;color:#747a80}.brand-arrow{position:absolute;right:12px;bottom:9px;font-size:1.15rem;font-weight:700;color:#a48600}.brand-heading{display:flex;align-items:center;gap:1.25rem}.brand-heading img{width:120px;height:80px;object-fit:contain;background:#fff;border:1px solid #e7e9ec;border-radius:1rem;padding:.7rem}
.product-card{overflow:hidden;border-radius:1rem}.product-image-wrap{display:block;background:#f5f6f7;aspect-ratio:4/3;overflow:hidden}.product-image{width:100%;height:100%;object-fit:contain;padding:1rem;transition:transform .25s ease}.product-card:hover .product-image{transform:scale(1.035)}
.product-title{line-height:1.35;min-height:2.7em}.product-meta{color:#626970}.empty-state{padding:3rem;border:1px dashed #cdd2d7;border-radius:1rem;text-align:center;background:#fafbfc}
.product-gallery-main{display:block;background:#f4f5f6;border-radius:1.25rem;aspect-ratio:4/3;overflow:hidden;cursor:zoom-in}.product-gallery-main img{width:100%;height:100%;object-fit:contain;padding:1.5rem}.zoom-hint{position:absolute;right:1rem;bottom:1rem;background:rgba(0,0,0,.72);color:#fff;padding:.45rem .75rem;border-radius:2rem;font-size:.8rem}.thumb-button{width:88px;height:72px;border:2px solid transparent;background:#f5f6f7;border-radius:.75rem;padding:.25rem}.thumb-button.active{border-color:var(--varona-yellow)}.thumb-button img{width:100%;height:100%;object-fit:contain}.modal-product-image{max-width:100%;max-height:82vh;object-fit:contain;background:#fff}
.detail-list{border-top:1px solid #e4e7ea}.detail-list>div{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 0;border-bottom:1px solid #e4e7ea}.detail-list span{color:#6f757b}.description-box{background:#f7f8f9;border-radius:1rem;padding:2rem}.description-text{line-height:1.75}.page-link{color:#202327}.page-item.active .page-link{background:#202327;border-color:#202327}
@media(max-width:1199.98px){.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:991.98px){.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575.98px){.hero-section{padding-top:1rem!important}.catalog-search .input-group{display:block}.catalog-search .form-control,.catalog-search .btn{width:100%;border-radius:.75rem!important}.catalog-search .btn{margin-top:.6rem}.product-detail-title{font-size:2rem}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.brand-card{display:block;min-height:145px;padding:.8rem}.brand-logo-wrap{width:58px;height:58px;margin-bottom:.65rem}.brand-logo{max-width:50px;max-height:42px}.brand-name{display:block;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-count{display:block;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-arrow{right:10px;bottom:7px}.brand-heading img{width:90px;height:65px}}

.cart-add-box{background:#f8f9fa;border:1px solid #dee2e6;border-radius:1rem;padding:1rem}.cart-table-wrap{background:#fff;border-radius:1rem;padding:.75rem;box-shadow:0 .25rem 1rem rgba(0,0,0,.06)}.cart-thumb{width:76px;height:76px;object-fit:contain;background:#fff;border:1px solid #e9ecef;border-radius:.75rem}@media(max-width:575.98px){.cart-thumb{width:58px;height:58px}.cart-table-wrap{padding:.25rem}.cart-table-wrap table{min-width:760px}}

/* Contacto */
.contact-section{background:linear-gradient(180deg,#fff 0,#f7f8f9 100%)}
.contact-tip{line-height:1.55}.contact-info-card,.contact-form-card{background:#fff;border:1px solid #e7e9ec;border-radius:1rem;padding:1.5rem;box-shadow:0 .4rem 1.4rem rgba(0,0,0,.05)}
.contact-info-row{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid #eceff1}.contact-info-row span{color:#6c737a}.contact-info-row strong,.contact-info-row a{text-align:right}.contact-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.footer-contact-link{color:#fff;text-decoration:none}.footer-contact-link:hover{text-decoration:underline;color:#fff}

/* WhatsApp flotante: sólo se imprime desde index.php */
.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:1040;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#25d366;color:#fff;box-shadow:0 .65rem 1.5rem rgba(0,0,0,.24);transition:transform .18s ease,box-shadow .18s ease;text-decoration:none}.whatsapp-float:hover{color:#fff;transform:translateY(-2px) scale(1.03);box-shadow:0 .85rem 1.7rem rgba(0,0,0,.28)}.whatsapp-float svg{width:34px;height:34px}
@media(max-width:575.98px){.contact-info-card,.contact-form-card{padding:1rem}.contact-info-row{display:block}.contact-info-row strong,.contact-info-row a{display:block;text-align:left;margin-top:.2rem}.whatsapp-float{right:16px;bottom:16px;width:54px;height:54px}.whatsapp-float svg{width:31px;height:31px}}


/* Categorías destacadas del Home */
.category-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.category-feature-card{position:relative;display:flex;align-items:center;gap:1rem;min-height:132px;padding:1.2rem;border:1px solid #e2e5e8;border-radius:1rem;background:#fff;color:#202327;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.category-feature-card:hover{color:#202327;transform:translateY(-3px);border-color:#d4b000;box-shadow:0 .7rem 1.4rem rgba(0,0,0,.08)}.category-feature-icon{flex:0 0 72px;width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:1rem;background:#f7f8f9}.category-feature-icon img{display:block;width:64px;height:64px;object-fit:contain}.category-feature-copy{display:flex;min-width:0;flex-direction:column;gap:.25rem}.category-feature-copy strong{font-size:1rem;line-height:1.2}.category-feature-copy small{font-size:.78rem;line-height:1.35;color:#747a80}.category-feature-arrow{position:absolute;right:12px;bottom:9px;font-size:1.15rem;font-weight:700;color:#a48600}.category-page-heading{display:flex;align-items:center;gap:1.25rem}.category-page-icon{display:flex;align-items:center;justify-content:center;flex:0 0 96px;width:96px;height:96px;border:1px solid #e7e9ec;border-radius:1rem;background:#f7f8f9}.category-page-icon img{width:78px;height:78px;object-fit:contain}
@media(max-width:1199.98px){.category-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575.98px){.category-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.category-feature-card{display:block;min-height:155px;padding:.85rem}.category-feature-icon{width:58px;height:58px;margin-bottom:.65rem}.category-feature-icon img{width:52px;height:52px}.category-feature-copy strong{font-size:.9rem}.category-feature-copy small{display:none}.category-feature-arrow{right:10px;bottom:7px}.category-page-heading{gap:.9rem}.category-page-icon{flex-basis:76px;width:76px;height:76px}.category-page-icon img{width:62px;height:62px}.category-page-heading h1{font-size:1.6rem}}