/* Naturista El Sabino — Storefront Pro */
:root{
  --pro-forest:#173f29;
  --pro-forest-2:#245c39;
  --pro-sage:#eef4e9;
  --pro-cream:#fbf8f1;
  --pro-gold:#c9a44d;
  --pro-border:#e2e8df;
  --pro-text:#233027;
  --pro-muted:#6a746c;
  --pro-shadow:0 12px 34px rgba(20,55,34,.09);
  --pro-shadow-hover:0 20px 48px rgba(20,55,34,.15);
}
body{background:var(--pro-cream)}
.topbar{font-weight:700;letter-spacing:.01em;background:var(--pro-forest)!important;padding:9px 16px!important}
header{box-shadow:0 1px 0 rgba(20,55,34,.05)}
.nav{min-height:72px!important}
nav a{position:relative;padding:8px 2px;color:#33433a;transition:.2s}
nav a:hover{color:var(--pro-forest)}
nav a:after{content:"";position:absolute;height:2px;left:50%;right:50%;bottom:2px;background:var(--pro-gold);transition:.2s}
nav a:hover:after{left:0;right:0}
.btn{border-radius:11px!important;min-height:43px;padding:10px 15px!important;font-size:.9rem;letter-spacing:.005em;transition:transform .15s,box-shadow .15s,background .15s!important}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--pro-forest)!important;box-shadow:0 7px 16px rgba(23,63,41,.14)}
.btn-primary:hover{background:#0f3420!important;box-shadow:0 10px 22px rgba(23,63,41,.2)}
.btn-gold{background:#f1e5c2!important;color:#3c351e!important;border:1px solid #e3cf91!important}
.btn-gold:hover{background:#e9d596!important}
.btn-light{border:1px solid var(--pro-border)!important;background:#fff!important;color:#314238!important}
.hero{padding:72px 0 66px!important;background:
 radial-gradient(circle at 80% 25%,rgba(201,164,77,.14),transparent 28%),
 linear-gradient(135deg,#fffdf8 0%,#eef5e9 100%)!important}
.hero h1{font-size:clamp(2.7rem,5.4vw,4.9rem)!important;letter-spacing:-.035em;max-width:780px}
.hero p{max-width:720px;font-size:1.08rem!important}
.hero-card{box-shadow:none!important;border:1px solid var(--pro-border);background:rgba(255,255,255,.82)!important;backdrop-filter:blur(10px)}
.hero-card img{width:150px!important}
.hero-badges span{background:#fff!important;box-shadow:0 4px 12px rgba(20,55,34,.04);border-color:#e5ebe1!important}
.pro-hero-search{margin-top:25px;background:#fff;border:1px solid var(--pro-border);border-radius:16px;padding:9px;display:flex;gap:8px;max-width:720px;box-shadow:var(--pro-shadow)}
.pro-hero-search input{border:0!important;outline:0;font-size:1rem;padding:10px 12px;min-width:0}
.pro-hero-search button{white-space:nowrap}
.pro-search-hint{font-size:.82rem;color:var(--pro-muted);margin-top:8px}
.pro-trust{background:#fff;border-top:1px solid var(--pro-border);border-bottom:1px solid var(--pro-border)}
.pro-trust-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.pro-trust-item{padding:18px 16px;text-align:center;border-right:1px solid var(--pro-border)}
.pro-trust-item:last-child{border-right:0}
.pro-trust-item strong{display:block;color:var(--pro-forest);font-size:.93rem}
.pro-trust-item span{display:block;color:var(--pro-muted);font-size:.78rem;margin-top:2px}
.promo-strip{gap:12px!important}
.promo-box{background:#fff!important;color:var(--pro-text)!important;border:1px solid var(--pro-border);box-shadow:none!important;min-height:135px!important}
.promo-box small{color:var(--pro-gold);font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.promo-box h3{font-size:1.25rem}
.section.alt{background:#f5f7f2!important}
#catalogo .section-head{margin-bottom:20px!important}
#catalogo .section-head h2{letter-spacing:-.025em}
.pro-need-chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}
.pro-need-chips a{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--pro-border);border-radius:999px;background:#fff;font-weight:800;font-size:.82rem;color:#3a4a40;transition:.15s}
.pro-need-chips a:hover{border-color:#a9bca9;background:#f7faf5;transform:translateY(-1px)}
.filters{background:#fff;padding:12px;border:1px solid var(--pro-border);border-radius:15px;box-shadow:0 6px 18px rgba(20,55,34,.04);grid-template-columns:minmax(260px,2fr) minmax(170px,1fr) minmax(145px,.8fr) auto!important;align-items:center}
.pro-sort{width:100%;padding:12px;border:1px solid #dce2d9;border-radius:11px;background:#fff}
.search-results{border:1px solid var(--pro-border)}
.search-item{padding:13px 14px!important}
.search-summary-v2{box-shadow:none!important}
.grid{gap:16px!important}
.product{border:1px solid #e7ebe5!important;box-shadow:0 7px 20px rgba(20,55,34,.055)!important;border-radius:16px!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}
.product:hover{transform:translateY(-3px)!important;box-shadow:var(--pro-shadow-hover)!important;border-color:#d5dfd2!important}
.product-image{aspect-ratio:1/1!important;min-height:250px}
.product-body{padding:16px!important}
.product-body .pill{background:#edf4e9!important;font-size:.7rem!important}
.product-body h3{font-size:1.2rem!important;line-height:1.06!important;margin:8px 0!important;letter-spacing:-.015em}
.product-body>p:not(.muted){display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:4.65em;color:#445149;margin:8px 0 6px}
.product-body>.muted{font-size:.85rem}
.product .rating{display:none!important}
.product .price{font-size:1.4rem!important;margin:10px 0 2px}
.pro-stock{display:flex;align-items:center;gap:6px;color:#40704d;font-weight:800;font-size:.78rem;margin:2px 0 10px}
.pro-stock i{width:7px;height:7px;background:#4c915d;border-radius:50%;display:inline-block}
.pro-shipping-note{font-size:.76rem;color:var(--pro-muted);margin:0 0 12px;display:flex;gap:6px;align-items:center}
.product .actions{display:grid!important;grid-template-columns:1fr 1.18fr!important;gap:7px!important}
.product .actions .btn{width:100%;font-size:.82rem!important;padding:9px 10px!important}
.product .actions .btn-primary{grid-column:1/-1;background:#fff!important;color:var(--pro-forest)!important;border:1px solid var(--pro-border)!important;box-shadow:none!important}
.product .actions .btn-primary:hover{background:#f4f8f2!important}
.tag{background:#f0dda2!important;color:#40371c!important;box-shadow:none}
.heart{cursor:pointer;border:1px solid #e5e9e2!important;box-shadow:0 3px 10px rgba(0,0,0,.05)}
.imgv6-loupe{width:40px!important;height:40px!important;font-size:18px!important;box-shadow:0 4px 14px rgba(0,0,0,.12)!important}
.pro-card-badge{position:absolute;left:12px;bottom:12px;background:rgba(255,255,255,.94);border:1px solid #e4e9e2;border-radius:999px;padding:5px 9px;font-size:.68rem;font-weight:900;color:#3b5944;z-index:3;backdrop-filter:blur(8px)}
.details-modal-card{width:min(820px,100%)!important;border-radius:18px!important;box-shadow:0 32px 90px rgba(0,0,0,.28)!important}
.detail-heading h2{letter-spacing:-.025em}
.detail-price{font-size:1.7rem!important}
.pro-detail-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}
.pro-detail-trust div{background:#f6f8f4;border:1px solid var(--pro-border);border-radius:11px;padding:9px;text-align:center;font-size:.75rem;font-weight:800;color:#4e5d53}
.pro-toolbar{display:flex;gap:8px;align-items:center;margin-bottom:16px}
.pro-favorites-btn{border:1px solid var(--pro-border);background:#fff;border-radius:11px;padding:10px 13px;font-weight:800;cursor:pointer;color:#34463a}
.pro-favorites-count{background:var(--pro-forest);color:#fff;border-radius:999px;min-width:20px;height:20px;display:inline-grid;place-items:center;font-size:.7rem;margin-left:4px}
.pro-drawer{position:fixed;inset:0;z-index:120;display:none}
.pro-drawer.open{display:block}
.pro-drawer-bg{position:absolute;inset:0;background:rgba(0,0,0,.4)}
.pro-drawer-panel{position:absolute;right:0;top:0;height:100%;width:min(430px,100%);background:#fff;padding:20px;overflow:auto;box-shadow:-20px 0 60px rgba(0,0,0,.18)}
.pro-drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}
.pro-fav-item,.pro-recent-item{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid #edf0eb}
.pro-fav-item small,.pro-recent-item small{color:var(--pro-muted)}
.pro-recent{margin-top:26px;background:#fff;border:1px solid var(--pro-border);border-radius:16px;padding:18px}
.pro-recent h3{margin-bottom:10px}
.pro-recent-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.pro-recent-card{border:1px solid var(--pro-border);border-radius:12px;padding:11px;background:#fff;cursor:pointer}
.pro-recent-card strong{display:block;font-size:.82rem;line-height:1.2}
.pro-recent-card span{color:var(--pro-forest);font-weight:900;font-size:.88rem}
.cart-float{border-radius:14px!important;padding:11px 15px!important;right:18px!important;box-shadow:0 12px 26px rgba(20,55,34,.22)!important}
.cart-panel{box-shadow:-20px 0 60px rgba(0,0,0,.18)}
.chat-toggle{box-shadow:0 10px 24px rgba(0,0,0,.16)!important}
#nosotros .two-col>div:first-child p{font-size:1.05rem}
footer{background:#0e2618!important}
.footer-grid{grid-template-columns:1.3fr 1fr 1fr 1fr!important}
.pro-footer-col h3{font-size:1rem;font-family:Arial,sans-serif;margin-bottom:10px}
.pro-footer-col a,.pro-footer-col span{display:block;color:#d5dfd7;font-size:.86rem;margin:7px 0}
.pro-footer-note{border-top:1px solid rgba(255,255,255,.12);margin-top:28px;padding-top:18px;color:#aebcaf;font-size:.78rem}
body.dark .pro-trust,body.dark .promo-box,body.dark .filters,body.dark .pro-need-chips a,body.dark .pro-drawer-panel,body.dark .pro-recent,body.dark .pro-recent-card{background:#182219!important;color:#ecf4ed!important;border-color:#344337!important}
body.dark .pro-stock{color:#8fbe99}
body.dark .pro-detail-trust div{background:#213026;border-color:#344337;color:#d8e3da}
@media(max-width:980px){
 .filters{grid-template-columns:1fr 1fr!important}
 .pro-trust-inner{grid-template-columns:repeat(2,1fr)}
 .pro-trust-item:nth-child(2){border-right:0}
 .pro-trust-item:nth-child(-n+2){border-bottom:1px solid var(--pro-border)}
 .pro-recent-grid{grid-template-columns:repeat(2,1fr)}
 .footer-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:560px){
 .hero{padding:50px 0 42px!important}
 .hero h1{font-size:2.55rem!important}
 .pro-hero-search{display:grid;grid-template-columns:1fr}
 .pro-hero-search button{width:100%}
 .filters{grid-template-columns:1fr!important;padding:10px}
 .product-image{min-height:220px}
 .product .actions{grid-template-columns:1fr!important}
 .product .actions .btn-primary{grid-column:auto}
 .pro-detail-trust{grid-template-columns:1fr}
 .pro-recent-grid{grid-template-columns:1fr 1fr}
 .footer-grid{grid-template-columns:1fr!important}
 .mobile-bottom{grid-template-columns:repeat(5,1fr)!important}
 .mobile-bottom a,.mobile-bottom button{font-size:.7rem!important}
}