body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#0f1f0e;color:#e9f5ea;margin:0}.titulo{text-align:center;margin:2rem 0 1rem;color:#a7f3d0;font-size:2.8rem;font-weight:900;text-shadow:0 0 8px #22c55e99}.contenedor{display:flex;flex-wrap:wrap;gap:2rem;padding:0 2rem 4rem;justify-content:center}.bannerSuperior{max-height:220px;margin-bottom:2rem;border-radius:16px;box-shadow:0 0 25px #22c55eaa}.filtroDesktop,.filtroMobile{background:#1a2e13;padding:1.5rem;border-radius:16px;box-shadow:0 6px 18px #22c55e33;color:#a7f3d0;min-width:260px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.filtroTitulo{font-size:1.2rem;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;color:#bbf7d0}.listaSubfiltros{padding-left:1rem;margin-bottom:1rem}.subFiltroItem{padding:.4rem 0;cursor:pointer;color:#8ee7b3;transition:color .3s ease}.subFiltroItem:hover{color:#22c55e}.subFiltroItem.activo{color:#22c55e;font-weight:700}.btnLimpiarFiltros{margin-top:1rem;padding:.5rem 1rem;background:linear-gradient(135deg,#22c55e,#16a34a);color:white;font-weight:600;border:none;border-radius:10px;cursor:pointer;width:100%;box-shadow:0 4px 15px #16a34aaa;transition:background .3s ease}.btnLimpiarFiltros:hover{background:linear-gradient(135deg,#16a34a,#22c55e)}.mainCatalogo{flex:1 1;max-width:1200px;min-width:280px}.gridProductos{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:2rem;gap:2rem}.cardProducto{background:#2f4d20cc;border-radius:20px;padding:1.2rem;text-align:center;box-shadow:0 6px 20px #22c55e88;transition:transform .25s ease,box-shadow .25s ease;cursor:pointer;color:#d1fae5}.cardProducto:hover{transform:translateY(-6px);box-shadow:0 12px 30px #22c55eee}.imgProducto{width:100%;height:auto;max-height:180px;object-fit:contain;margin-bottom:1rem;border-radius:16px;filter:drop-shadow(0 2px 3px #16a34a99)}.desc{font-size:1rem;color:#bbf7d0;min-height:3rem;margin-bottom:.7rem}.precio{font-size:1.4rem;color:#22c55e;font-weight:800;margin-bottom:.9rem}.botonAgregar{padding:.7rem;background:linear-gradient(135deg,#22c55e,#16a34a);color:white;border:none;border-radius:14px;font-weight:700;cursor:pointer;width:100%;box-shadow:0 5px 15px #16a34aaa;transition:background .3s ease}.botonAgregar:hover{background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 8px 22px #22c55eee}.botonCarritoFlotante{position:fixed;bottom:24px;right:24px;background:#22c55e;color:#0f1f0e;border-radius:50%;width:65px;height:65px;font-size:1.7rem;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #16a34aaa;z-index:1000;cursor:pointer;transition:background .3s ease}.botonCarritoFlotante:hover{background:#16a34a}.contadorCarrito{position:absolute;top:4px;right:5px;background:red;color:white;font-size:.85rem;padding:3px 7px;font-weight:700;border-radius:50%;box-shadow:0 0 6px #ef4444cc}.modalFondo{position:fixed;top:0;left:0;background-color:rgba(15,31,14,.85);width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:9999}.modalContenido{background:#1a2e13;border-radius:20px;padding:2.5rem 2rem;width:90%;max-width:480px;max-height:80vh;overflow-y:auto;position:relative;color:#bbf7d0;box-shadow:0 8px 30px #22c55eee}.cerrarBtn{position:absolute;top:16px;right:16px;background:none;border:none;font-size:1.5rem;color:#a7f3d0;cursor:pointer;transition:color .3s ease}.cerrarBtn:hover{color:#22c55e}.itemCarrito{display:flex;justify-content:space-between;align-items:center;margin-bottom:.9rem;font-weight:600;font-size:1.05rem}.botonEliminar{background:none;border:none;font-size:1.7rem;color:#ef4444;cursor:pointer;margin-left:.7rem;transition:color .2s ease}.botonEliminar:hover{color:#dc2626}.totalCarrito{font-weight:900;font-size:1.4rem;margin-top:1.5rem;color:#22c55e}.botonWhatsApp{background:#25d366;border:none;color:white;font-weight:800;padding:1rem;border-radius:14px;width:100%;cursor:pointer;margin-top:1.5rem;font-size:1.1rem;box-shadow:0 5px 15px #16a34aaa;transition:background .3s ease}.botonWhatsApp:hover{background:#16a34a}.loaderContainer{text-align:center;padding:5rem 1rem;color:#22c55e}.loader{border:6px solid #164e15;border-top-color:#22c55e;border-radius:50%;width:60px;height:60px;margin:0 auto 1rem;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (max-width:768px){.contenedor{flex-direction:column}.gridProductos{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.imgProducto{max-height:140px}.filtroDesktop{min-width:100%}}.modalDetalle{background:#1a2e13;border-radius:20px;padding:2rem;width:90%;max-width:700px;max-height:85vh;overflow-y:auto;position:relative;color:#bbf7d0;box-shadow:0 10px 40px #22c55eee}.detalleContenido,.modalDetalle{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;align-items:center}.detalleContenido{width:100%}.detalleImagen{max-width:320px;width:100%;border-radius:20px;object-fit:contain;box-shadow:0 5px 20px #16a34a88}.detalleTexto{max-width:320px;color:#d1fae5;display:flex;flex-direction:column;gap:1rem}.detalleTexto h2{font-size:2rem;font-weight:900;color:#22c55e;margin:0}.detalleTexto p{font-size:1.1rem;line-height:1.4;color:#a7f3d0}.precioDetalle{font-weight:900;font-size:1.6rem;color:#22c55e;margin-top:.5rem}@media (max-width:768px){.modalDetalle{padding:1.5rem 1rem}.detalleContenido,.modalDetalle{flex-direction:column}.detalleImagen,.detalleTexto{max-width:100%}}.bannerSuperior{width:100%;max-height:800px;overflow:hidden;border-radius:12px;margin-bottom:1.5rem}.bannerSuperior img{width:100%;height:auto;object-fit:cover;display:block}