@import "https://fonts.googleapis.com/css2?family=Barlow:wght@400;600&family=Oswald:wght@400;600;700&display=swap";:root{--color-primary:#2a3325;--color-primary-light:#44523d;--color-primary-dark:#12170f;--color-accent:#4a7c2e;--color-accent-hover:#5d9a3b;--color-bg-light:#e3dec9;--color-bg-dark:#121212;--color-text:#171717;--color-text-light:#f0ede6;--color-text-muted:#474542;--color-earth:#3d2c22;--font-sans:"Barlow", sans-serif;--font-serif:"Oswald", sans-serif;--transition-fast:.2s ease;--transition-normal:.4s cubic-bezier(.25, .46, .45, .94);--glass-bg:#ffffffd9;--glass-border:#0000001a;--glass-blur:blur(12px);--shadow-soft:0 8px 30px #0000000f;--shadow-strong:0 20px 40px #00000026}[data-theme=dark]{--color-text:#f0ede6;--color-text-muted:#a6a39e;--glass-bg:#141812d9;--glass-border:#ffffff26;--shadow-soft:0 8px 30px #00000080;--color-bg-light:#121212;--color-bg-dark:#0a0a0a;--color-accent:#76b54d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg-light);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);text-transform:uppercase;letter-spacing:.5px;font-weight:700;color:var(--color-primary-dark)!important}.hero-content h1{color:#f0ede6!important}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:var(--color-text-light)!important}a{color:inherit;text-decoration:none}button{font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;outline:none}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-soft)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-light)}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--color-bg-dark)}::-webkit-scrollbar-thumb{background:var(--color-primary-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.badge-group{flex-wrap:wrap;gap:8px;margin-bottom:15px;display:flex}.health-badge{text-transform:uppercase;border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;font-weight:800;display:inline-flex}.badge-organic{color:var(--color-primary);background:#2a332514;border:1px solid #2a332533}.badge-tacc{color:var(--color-accent);background:#bd531914;border:1px solid #bd531933}.badge-antiacid{color:var(--color-earth);background:#3d2c2214;border:1px solid #3d2c2233}[data-theme=dark] .badge-organic{color:#9bb38f;background:#ffffff0d;border-color:#ffffff26}[data-theme=dark] .badge-tacc{color:#d68960;background:#ffffff0d;border-color:#ffffff26}[data-theme=dark] .badge-antiacid{color:#b8a091;background:#ffffff0d;border-color:#ffffff26}.app-container{flex-direction:column;min-height:100vh;display:flex;position:relative}.navbar{z-index:100;width:100%;transition:var(--transition-normal);justify-content:space-between;align-items:center;padding:1.5rem 5%;display:flex;position:fixed;top:0;left:0}.nav-links{gap:2rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.nav-link{color:#f4f0ea;cursor:pointer;transition:var(--transition-fast);text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 6px #000c;background:0 0;border:none;font-size:1.05rem;font-weight:600}.navbar.scrolled .nav-link{color:var(--color-primary-dark);text-shadow:none}[data-theme=dark] .navbar.scrolled .nav-link{color:var(--color-text-light);text-shadow:none}.nav-link:hover{transform:translateY(-2px);color:var(--color-accent)!important}.hamburger-btn{color:#f4f0ea;cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:flex}.navbar.scrolled .hamburger-btn{color:var(--color-primary-dark)}[data-theme=dark] .navbar.scrolled .hamburger-btn{color:var(--color-text-light)}.hamburger-btn.menu-open-btn{color:var(--color-primary-dark)!important}[data-theme=dark] .hamburger-btn.menu-open-btn{color:var(--color-text-light)!important}.navbar.historia-nav:not(.scrolled) .nav-link,.navbar.historia-nav:not(.scrolled) .hamburger-btn,.navbar.historia-nav:not(.scrolled) .cart-button,.navbar.historia-nav:not(.scrolled) .theme-toggle,[data-theme=dark] .navbar.historia-nav:not(.scrolled) .nav-link,[data-theme=dark] .navbar.historia-nav:not(.scrolled) .hamburger-btn,[data-theme=dark] .navbar.historia-nav:not(.scrolled) .cart-button,[data-theme=dark] .navbar.historia-nav:not(.scrolled) .theme-toggle{color:#000!important;text-shadow:0 0 10px #fffc!important}.navbar.historia-nav:not(.scrolled) .logo-light{display:none!important}.navbar.historia-nav:not(.scrolled) .logo-dark{display:block!important}.mobile-menu{background:var(--glass-bg);width:80%;max-width:400px;height:100vh;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);z-index:99;border-left:1px solid var(--glass-border);flex-direction:column;transition:right .4s cubic-bezier(.77,0,.175,1);display:flex;position:fixed;top:0;right:-100%;box-shadow:-10px 0 30px #00000080}.mobile-menu.open{right:0}.mobile-menu-content{flex-direction:column;gap:1.5rem;height:100%;padding:100px 2rem 2rem;display:flex;overflow-y:auto}.mobile-link{color:var(--color-text);font-size:1.5rem;font-weight:700;font-family:var(--font-serif);text-align:left;cursor:pointer;background:0 0;border:none;transition:color .2s}.mobile-link:hover{color:var(--color-accent)}.mobile-divider{background:var(--glass-border);height:1px;margin:1rem 0}.mobile-user-section{border-top:1px solid var(--glass-border);flex-direction:column;align-items:center;gap:1rem;margin-top:auto;padding-top:2rem;display:flex}.mobile-user-name{color:var(--color-primary);font-size:1.2rem;font-weight:700}[data-theme=dark] .mobile-user-name{color:var(--color-text-light)}.mobile-profile-pic{object-fit:cover;border:2px solid var(--color-accent);border-radius:50%;width:60px;height:60px}.mobile-logout{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;font-size:1rem;display:flex}.mobile-login{color:#3c4043;letter-spacing:.25px;cursor:pointer;background:#fff;border:1px solid #dadce0;border-radius:8px;justify-content:center;align-items:center;gap:12px;margin-top:auto;padding:.8rem 1.5rem;font-size:1.05rem;font-weight:600;transition:background-color .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #3c40434d}.mobile-login:hover{background:#f8f9fa;box-shadow:0 2px 6px #3c40434d}.mobile-only{display:none!important}@media (width<=900px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.navbar{padding:1rem 5%}}.navbar.scrolled{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);box-shadow:var(--shadow-soft);padding:1rem 5%}.logo{font-family:var(--font-serif);letter-spacing:1px;color:#f4f0ea;text-shadow:0 2px 5px #000000b3;align-items:center;gap:10px;font-size:1.8rem;font-weight:800;display:flex}.logo svg{filter:drop-shadow(0 2px 4px #00000080);color:#f4f0ea!important}.nav-logo-img{transition:opacity .3s}.logo-dark,.navbar.scrolled .logo-light{display:none}.navbar.scrolled .logo-dark,[data-theme=dark] .navbar.scrolled .logo-light{display:block}[data-theme=dark] .navbar.scrolled .logo-dark{display:none}.cart-button,.theme-btn{color:#f4f0ea;transition:var(--transition-fast);background:#0006;border-radius:50%;justify-content:center;align-items:center;padding:.8rem;font-size:1.5rem;display:flex;position:relative}.theme-btn{margin-right:1rem}.navbar.scrolled .cart-button,.navbar.scrolled .theme-btn{color:var(--color-primary-dark);background:#ffffff80}[data-theme=dark] .navbar.scrolled .cart-button,[data-theme=dark] .navbar.scrolled .theme-btn{color:var(--color-text-light);background:#00000080}.cart-button:hover,.theme-btn:hover{transform:scale(1.1);background:var(--color-primary)!important;color:#fff!important}.cart-badge{background:var(--color-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.8rem;font-weight:800;display:flex;position:absolute;top:-5px;right:-5px;box-shadow:0 2px 5px #0003}.footer{background-color:var(--color-primary-dark);color:var(--color-text-light);text-align:center;margin-top:auto;padding:3rem 5%;font-size:.9rem}.footer p{opacity:.8;margin-top:1rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{opacity:0;animation:.8s forwards fadeInUp}