.hero{min-height:100dvh;display:flex;align-items:center;padding:6rem 0 4rem;position:relative;overflow:hidden}.hero-content{width:100%;text-align:center;position:relative;z-index:1;padding:0 1.5rem}.hero::before{content:'';position:absolute;top:-30%;right:-15%;width:500px;height:500px;background:radial-gradient(circle,var(--accent-gold)0%,transparent 70%);opacity:0.08;border-radius:50%;animation:float 20s ease-in-out infinite}.hero::after{content:'';position:absolute;bottom:-20%;left:-10%;width:350px;height:350px;background:radial-gradient(circle,var(--accent-sage)0%,transparent 70%);opacity:0.06;border-radius:50%;animation:float 25s ease-in-out infinite reverse}@keyframes float{0%,100%{transform:translate(0,0)rotate(0deg)}33%{transform:translate(30px,-30px)rotate(120deg)}66%{transform:translate(-20px,20px)rotate(240deg)}}.hero-tagline{font-family:var(--font-heading);font-size:0.8rem;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent-copper);margin-bottom:1.5rem}.hero-title{font-family:'Antonio',sans-serif;font-size:clamp(2.5rem,7vw,5rem);line-height:1.05;margin-bottom:1.5rem;color:var(--text-primary)}.hero-subtitle{font-size:clamp(1rem,2.5vw,1.2rem);color:var(--text-muted);max-width:580px;margin:0 auto 2.5rem;line-height:1.7}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero-stats{display:flex;justify-content:center;gap:2.5rem;flex-wrap:wrap;margin-top:3.5rem}.stat-num{font-family:var(--font-display);font-size:2rem;color:var(--accent-gold)}.stat-label{font-size:0.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.1em}.hero-carousel{position:absolute;inset:0;z-index:0;overflow:hidden}.hero-carousel .slide{position:absolute;inset:0;opacity:0;transition:opacity 1.8s;background-size:cover;background-position:center}.hero-carousel .slide.active{opacity:1}.hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(15,12,8,0.55)0%,rgba(15,12,8,0.45)50%,rgba(15,12,8,0.70)100%)}.hero-logo{display:block;margin:0 auto 1.5rem;height:320px;width:auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,0.3))}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.5rem}.product-card{background:var(--bg-secondary);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:all 0.4s}.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.product-img{width:100%;aspect-ratio:1;overflow:hidden}.product-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s}.product-card:hover .product-img img{transform:scale(1.05)}.product-body{padding:1.25rem}.product-name{font-family:var(--font-display);font-size:1.4rem;color:var(--text-primary);margin-bottom:0.15rem}.product-sci{font-size:0.8rem;font-style:italic;color:var(--text-muted);margin-bottom:0.75rem}.product-benefits{list-style:none;margin-bottom:1rem}.product-benefits li{font-size:0.85rem;font-weight:500;color:var(--text-primary);padding:0.2rem 0}.product-benefits li::before{content:'*';color:var(--accent-gold);margin-right:0.5rem}.product-link{display:inline-flex;align-items:center;gap:0.4rem;font-size:0.85rem;font-weight:600;color:var(--accent-gold);text-decoration:none;transition:all var(--transition);padding:0.45rem 1.1rem;border:1.5px solid var(--accent-gold);border-radius:var(--radius-sm)}.product-link:hover{gap:0.7rem;background:var(--accent-gold);color:var(--bg-dark);transform:translateY(-1px)}.product-footer{display:flex;justify-content:space-between;align-items:center;margin-top:0.5rem}.product-card.dark-card{background:var(--bg-dark)}.product-card{transition:opacity 0.4s,transform 0.4s,box-shadow 0.4s}.product-card.hidden{display:none}.filter-bar{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:center;margin-bottom:2.5rem}.filter-btn{font-family:var(--font-heading);font-size:0.8rem;font-weight:500;padding:0.5rem 1.1rem;border-radius:20px;border:1.5px solid var(--border-subtle);background:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--transition)}.filter-btn:hover{color:var(--accent-gold);border-color:var(--accent-gold);background:rgba(200,169,110,0.08)}.filter-btn.active{color:var(--bg-dark);background:var(--accent-gold);border-color:var(--accent-gold)}.filter-btn[data-benefit="inmunidad"]:hover{border-color:var(--accent-sage);color:var(--accent-sage)}.filter-btn[data-benefit="cognitivo"]:hover{border-color:var(--accent-copper);color:var(--accent-copper)}.filter-btn[data-benefit="energia"]:hover{border-color:#D4A574;color:#D4A574}.filter-btn[data-benefit="cardiovascular"]:hover{border-color:#B88A6E;color:#B88A6E}.filter-btn[data-benefit="digestivo"]:hover{border-color:#8AAA7E;color:#8AAA7E}.filter-btn[data-benefit="metabolico"]:hover{border-color:#C8966E;color:#C8966E}