:root{--verde-oscuro:#093;--verde-profundo:#0b6d31;--marron-tierra:#885f3c;--amarillo-sol:#f1bd28;--oro-viejo:#c0ab77;--crema-fondo:#eed2ad;--blanco-hueso:#fffdec;--verde-whatsapp:#29a73f;--amarillo-claro:#f9dd37;--naranja:#eeab07;--font-titulos:"League Gothic", sans-serif;--font-general:"Montserrat", sans-serif}body{font-family:var(--font-general);background-color:var(--blanco-hueso);color:#333}html,body,#root{box-sizing:border-box;width:100%;min-height:100vh;margin:0;padding:0}h1,h2,h3,.font-gothic{font-family:var(--font-titulos);letter-spacing:1px}*,:before,:after{box-sizing:inherit}.navbar{z-index:100;background-color:#fff;border-bottom:1px solid #e0e0e0;justify-content:space-around;align-items:center;padding:15px 40px;display:flex;position:sticky;top:0}.navbar-logo img{object-fit:contain;height:45px}.navbar-links{gap:30px;margin:0;padding:0;list-style:none;display:flex}.navbar-links a{color:#000;font-family:var(--font-general);padding-bottom:5px;font-size:16px;font-weight:600;text-decoration:none;transition:color .3s}.navbar-links a.active{color:var(--verde-profundo);border-bottom:3px solid var(--verde-profundo)}.navbar-links a:hover{color:var(--verde-oscuro)}.search-container{background-color:#f5f5f5;border:1px solid #ccc;border-radius:25px;align-items:center;width:250px;padding:6px 15px;display:flex}.iconoLupa{width:18px;height:auto;margin-right:10px;display:block}.search-container input{width:100%;font-family:var(--font-general);background:0 0;border:none;outline:none;font-size:14px}.hero-section{background-color:var(--crema-fondo);justify-content:center;align-items:center;height:320px;padding:20px 0;display:flex;position:relative;overflow:hidden}.hero-content{justify-content:center;align-items:center;width:100%;max-width:500px;display:flex}.hero-main-logo{object-fit:contain;height:280px;animation:1s ease-out fadeIn}.sparkle{color:#f1bd28;opacity:.6;font-size:24px;position:absolute}.sparkle-left{top:60%;left:10%}.sparkle-right{top:40%;right:8%}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.categorias-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;width:100%;max-width:1300px;margin:0 auto;padding:40px 20px;display:flex}.categoria-card{cursor:pointer;background-position:50%;background-size:cover;border:none;border-radius:8px;flex:220px;max-width:300px;height:80px;padding:0;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 4px 10px #0000000d}.categoria-card:hover{transform:translateY(-8px);box-shadow:0 6px 12px #00000026}.categoria-card.active{outline:3px solid var(--amarillo-sol);transform:translateY(-8px);box-shadow:0 6px 12px #00000026}.categoria-card.active .categoria-overlay{background:#0003}.categoria-overlay{background:#0006;justify-content:center;align-items:center;width:100%;height:100%;transition:background .3s;display:flex}.categoria-card:hover .categoria-overlay{background:#0003}.categoria-overlay span{color:#fff;font-family:var(--font-general);text-align:center;padding:0 10px;font-size:20px;font-weight:700}.loading-text,.no-products{text-align:center;font-family:var(--font-general);color:#777;grid-column:1/-1;width:100%;padding:60px 20px;font-size:18px}.grid-productos-container{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:40px 24px;max-width:1300px;margin:0 auto;padding:40px 20px;display:grid}.producto-card{text-align:center;background-color:#fff;border-radius:8px;flex-direction:column;align-items:center;transition:transform .3s;display:flex;box-shadow:0 2px 10px #0000001a}.producto-card:hover{transform:scale(1.03)}.producto-image-container{background-color:#0000;justify-content:center;align-items:center;width:100%;height:160px;margin-bottom:15px;display:flex;overflow:hidden}.producto-img{object-fit:contain;width:auto;max-width:90%;height:auto;max-height:90%}.producto-info{flex-direction:column;align-items:center;width:100%;padding:0;display:flex}.producto-name{font-family:var(--font-titulos);color:var(--verde-profundo);letter-spacing:1.5px;margin:0 0 6px;font-size:26px;font-weight:500;line-height:1.2}.producto-desc{font-family:var(--font-general);color:#777;text-align:center;margin:0 0 10px;padding:10px;font-size:13px;line-height:1.4}@media (width<=768px){.grid-productos-container{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:30px 16px}.producto-image-container{height:130px}.producto-name{font-size:20px}}@media (width<=480px){.grid-productos-container{grid-template-columns:repeat(2,1fr);gap:25px 12px;padding:20px 10px}.producto-image-container{height:110px}.producto-name{font-size:26px}}