:root{--primary:#007bb5;--primary-dark:#005a85;--secondary:#e6f7ff;--accent:#20c997;--text-main:#2d3436;--text-muted:#636e72;--bg-light:#f9f9f9;--white:#fff;--shadow:0 4px 20px #00000014;--transition:all .3s cubic-bezier(.645,.045,.355,1);--glass:#fffc}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}body{color:var(--text-main);background-color:var(--white);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{color:var(--primary-dark);margin-bottom:1rem}a{color:inherit;transition:var(--transition);text-decoration:none}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background:var(--glass);-webkit-backdrop-filter:blur(12px);z-index:1000;border-bottom:1px solid #00000008;position:sticky;top:0;box-shadow:0 2px 15px #0000000d}.navbar{justify-content:space-between;align-items:center;height:80px;padding:.8rem 0;display:flex}nav{flex-direction:row;flex:1;justify-content:flex-start;align-items:center;gap:3rem;margin-left:3.5rem;display:flex}.logo-container{min-width:120px;min-height:60px;transition:var(--transition);z-index:1101;justify-content:center;align-items:center;display:flex;position:relative}.logo-loading-wrapper{justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative}.logo-ring{border:2px solid #007bb51a;border-top:2px solid var(--primary);border-radius:50%;width:45px;height:45px;animation:1s linear infinite spin;position:absolute}.logo-img{object-fit:contain;opacity:0;width:auto;height:60px;transition:opacity .5s ease-in-out;display:block}.logo-img.loaded{opacity:1}.logo-container:hover{transform:scale(1.02)}.nav-links{align-items:center;gap:2rem;display:flex}.right-side-actions{align-items:center;gap:1.5rem;margin-left:auto;display:flex}.desktop-socials{border-right:1px solid #0000001a;align-items:center;gap:1.2rem;padding-right:1.5rem;display:flex}.desktop-socials a{color:var(--text-muted);transition:var(--transition);font-size:1.2rem}.desktop-socials a:hover{color:var(--primary);transform:translateY(-2px)}.nav-item{letter-spacing:.5px;color:var(--text-main);padding:.5rem 0;font-size:.95rem;font-weight:600;position:relative}.nav-item:after{content:"";background:var(--primary);width:0;height:2px;transition:var(--transition);position:absolute;bottom:0;left:0}.nav-item:hover{color:var(--primary)}.nav-item:hover:after{width:100%}.mobile-menu-btn{color:var(--primary);cursor:pointer;z-index:1100;background:0 0;border:none;padding:5px;font-size:1.8rem;display:none}.nav-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;width:100%;height:100vh;transition:var(--transition);z-index:1040;background:#0006;position:fixed;top:0;left:0}.nav-overlay.active{opacity:1;visibility:visible}.mobile-socials{display:none}footer{color:#eee;background:#1a1a1a;margin-top:4rem;padding:4rem 0 2rem}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.footer-col h3{color:var(--white);margin-bottom:1.5rem}.footer-links li{margin-bottom:.8rem}.footer-links a:hover{color:var(--primary)}.footer-bottom{text-align:center;color:#888;border-top:1px solid #333;padding-top:2rem;font-size:.9rem}.btn{cursor:pointer;transition:var(--transition);border:none;border-radius:50px;padding:.8rem 1.8rem;font-weight:600;display:inline-block}.btn-primary{background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);color:var(--white);box-shadow:0 4px 15px #007bb54d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #007bb566}.btn-whatsapp{color:var(--white);background:#25d366;align-items:center;gap:8px;display:flex}.btn-whatsapp:hover{background:#128c7e;transform:translateY(-2px)}.btn-outline{background:var(--white);color:var(--primary);border:1px solid #007bb533;box-shadow:0 4px 10px #0000000d}.btn-outline:hover{background:var(--primary);color:var(--white);transform:translateY(-2px);box-shadow:0 6px 15px #007bb533}.spinner{border:4px solid #0000001a;border-left-color:var(--primary);border-radius:50%;width:40px;height:40px;margin:0 auto 1rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.hero{background:linear-gradient(135deg,var(--secondary)0%,#fff 100%);text-align:center;padding:6rem 0}.hero h1{margin-bottom:1.5rem;font-size:3.5rem}.hero p{color:var(--text-muted);max-width:700px;margin:0 auto 2rem;font-size:1.2rem}.hero-btns{justify-content:center;gap:1.5rem;display:flex}section{padding:5rem 0}.section-title{text-align:center;margin-bottom:3rem}.category-card{background:var(--white);box-shadow:var(--shadow);transition:var(--transition);text-align:center;border-radius:15px;padding-bottom:1.5rem;overflow:hidden}.category-card:hover{transform:translateY(-10px);box-shadow:0 10px 25px #0000001a}.category-img{object-fit:contain;width:100%;height:300px;margin-bottom:1rem;padding:1rem}.product-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;display:grid}.why-section{background:var(--bg-light)}.why-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem;display:grid}.why-card{background:var(--white);border-left:5px solid var(--primary);box-shadow:var(--shadow);border-radius:15px;padding:2rem}@media (max-width:992px){.mobile-menu-btn{display:block}.navbar{gap:0}nav{background:var(--white);z-index:1050;flex-direction:column;justify-content:center;align-items:center;width:80%;max-width:400px;height:100vh;margin-left:0;padding:2rem;transition:all .4s cubic-bezier(.645,.045,.355,1);position:fixed;top:0;right:-100%;box-shadow:-10px 0 40px #00000026;display:flex!important}nav.nav-active{right:0}.nav-links{text-align:center;flex-direction:column;align-items:center;gap:2rem;width:100%}.right-side-actions{display:none}.nav-item{font-size:1.25rem}.nav-item:after{display:none}.admin-nav-item{width:100%;margin-left:0!important;padding-top:2rem!important}.admin-nav-item a{text-align:center;width:100%;font-size:1.1rem}.mobile-socials{color:var(--primary);gap:20px;margin-top:4rem;font-size:1.5rem;display:flex}.hero h1{font-size:2.5rem}.hero-btns{flex-direction:column;align-items:center}.product-grid{grid-template-columns:1fr}}