body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.wrapper-home{color:#333;display:grid;font-family:Arial,sans-serif;grid-template-areas:"header" "productos";grid-template-rows:auto 1fr;margin:0 auto;max-width:1200px;padding:1rem}.header{font-size:clamp(.25rem,2vw,1.5rem);grid-area:header}.productos{grid-gap:20px;align-items:start;background-color:#3d5e7c;border-radius:20px;display:grid;gap:20px;grid-area:productos;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:4rem;padding:20px}@media (max-width:768px){.productos{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:10px}}@media (max-width:480px){.productos{grid-template-columns:1fr;padding:5px}}.item{align-items:center;background-color:#fff;border:2px solid #90ee90;border-radius:15px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;justify-content:space-between;margin:1rem;padding:1rem;transition:transform .3s ease,box-shadow .3s ease}.item:hover{box-shadow:0 6px 12px #0003;transform:translateY(-5px)}.item-img{border:1px solid #ddd;border-radius:10px;height:auto;margin-bottom:1rem;max-width:100%;padding:1rem;top:0}.item h1{color:#2980b9;font-size:1.25rem;margin:.5rem 0}.item h2{color:#333;font-size:clamp(.8rem,2vw,1rem);margin:.5rem 0;text-align:center}.item button{border:none;border-radius:5px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .3s ease}.item button:hover{background-color:#27b953}.carrito-restar{background-color:red}.carrito-sumar{background-color:#2980b9}@media (max-width:320px){.item{margin:10%;max-width:fit-content}}.header{align-items:center;background-color:#243642;color:#fff;display:flex;flex-direction:row;height:70px;justify-content:space-around;left:0;margin:0 auto;padding:0 20px;z-index:3}.cart,.header{position:fixed;right:0;top:0}.cart{background:#387478;display:none;font-size:clamp(.5rem,2vw,1.25rem);overflow:scroll;padding:32px;width:200px}::-webkit-scrollbar{display:none}.cart img{aspect-ratio:16/9;width:100%}.cart li{border-bottom:1px solid #444;padding-bottom:16px}.cart footer{align-items:center;display:flex;gap:8px;justify-content:center}.cart footer button{padding:8px}.cart-button{align-items:center;background:#387478;border-radius:90px;cursor:pointer;display:flex;gap:8px;height:32px;justify-content:space-around;padding:4px;right:8px;top:8px;transition:all .3s ease;width:70px;z-index:9999}.cart-button small{border:1px solid #09f;border-radius:50%;font-size:1rem;padding:5px;text-align:center}.cart-button:hover{scale:1.1}.cart-button~input:checked~.cart{display:block;height:100%}.cart-cero{background-color:#09f;width:20px}.cart-cant{background-color:#4ba9e7;width:20px}.carrito-botones{flex-direction:row;justify-content:space-between}.carrito-botones,.wrapper{align-items:center;display:flex}.wrapper{background-color:#f9f9f9;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 8px #0000001a;flex-direction:column;justify-content:center;margin:1rem auto 80px;max-width:180px;padding:1rem;width:90%}.wrapper img{border-radius:8px;height:auto;margin-bottom:1rem;max-width:80%}.wrapper h1{color:#333;font-size:.8rem;margin:.5rem 0;text-align:center}button{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-bottom:20px;padding:.5rem 1rem;transition:background-color .3s ease}button:hover{background-color:#2980b9}.close-button{background-color:#ec5f46;padding:0}.close-button:hover{background-color:#f03514}
/*# sourceMappingURL=main.76de0780.css.map*/