@import"https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@300;400;700;900&display=swap";:root{--color-main: #0f4a79;--color-secondary: #7800D3;--color-dark: #131313;--color-light: #ffffff;--color-success: #8ae26a;--color-gray: #a4a4a4}body{font-family:Source Code Pro,monospace;box-sizing:border-box;margin:0;padding:0;color:var(--color-main)}a{text-decoration:none;cursor:pointer;color:var(--color-main);transition:all .3s ease}a:hover{color:var(--color-secondary)}.item{width:18rem}.itemDetail{max-width:70%}.color-main{color:var(--color-main)!important}.centered{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.m-top{padding-top:20vh}.fontLarge{font-size:2em}.logo{display:flex;align-items:center}.logo-img{width:35px;height:auto;margin-right:10px}.logo-text{font-size:20px;font-weight:700;color:var(--color-main);margin:0;transition:all .3s ease}.logo:hover .logo-text{color:var(--color-secondary)}@media (max-width: 768px){.logo{flex-direction:column;align-items:center}.logo img{margin-right:0;margin-bottom:10px;width:30px}.logo h1{font-size:16px}}.cartWidget-container{position:relative;cursor:pointer}.carro{transition:all .3s ease}.cartWidget-container:hover .carro{color:var(--color-secondary)}.carritoCount{color:var(--color-main);display:grid;place-items:center;background-color:var(--color-success);border-radius:100px;width:1.5em;height:1.5em;position:absolute;right:-.5em;top:0}@keyframes shake{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:translate(1)}}.animate-cart{animation-name:shake;animation-duration:.5s;animation-timing-function:ease-in-out;animation-iteration-count:2}.header{display:flex;justify-content:space-between;align-items:center;padding:1em 4em;background-color:var(--color-light);position:fixed;width:100%;z-index:2}#logo-responsive{display:none}.nav-list{display:flex;list-style-type:none;margin:0;padding:0}.nav-item{position:relative;padding:1em}.nav-item a:before{content:"";position:absolute;width:0%;height:2px;background-color:var(--color-main);bottom:.5em;left:50%;transform:translate(-50%);transition:.3s ease}.nav-item a:hover:before{width:90%}.iconMenu{display:none;z-index:3}.active{color:var(--color-secondary)}.nav-item .active:before{width:90%}@media only screen and (max-width: 625px){.header{padding:1em}#logo{display:none}#logo-responsive{display:block}.iconMenu{display:block;font-size:1.7em;position:relative;cursor:pointer}.nav-list{position:fixed;top:0;left:-100%;width:100%;height:100vh;background-color:var(--color-light);transition:all .3s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2em;z-index:2}.nav-item{margin-top:1em}.nav-list.open{left:0}}.contenedorProductos{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:20vh 20px 20px;box-sizing:border-box;max-width:1200px;margin:auto}.btn-main{background-color:var(--color-main);color:var(--color-light);text-transform:uppercase;border:2px solid transparent}.btn-main:hover{background-color:var(--color-secondary);color:var(--color-light)}.outlined-btn{border:2px solid var(--color-main)}.outlined-btn:hover{background-color:var(--color-secondary);color:var(--color-light)!important}.card-title-fixed{height:2em}.stock{color:var(--color-gray);font-size:12px}.card-img-grid{height:300px;object-fit:cover;object-position:center}.bg-secondary{background-color:var(--color-secondary)!important}.greyscale{position:relative}.greyscale img{filter:grayscale(1) blur(2px);transition:all .3s ease}.greyscale:hover img{filter:none}.greyscale:hover:before{opacity:0}.greyscale:before{content:"No Stock";position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);background-color:#000000b3;color:#fff;padding:8px;font-size:18px;font-weight:700;text-align:center;border-radius:4px;z-index:1;transition:all .3s ease}.loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.resetStock{right:0;opacity:.5}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rotating:before{animation:rotating 1s ease-in-out infinite}.img-detail{max-width:60vh;padding:1em}@media screen and (min-width: 767px){#inputQuantity{max-width:10em}}.card.animating{opacity:0;transition:opacity .5s ease-out;pointer-events:none}.confirm-delete{transition:opacity .3s ease-in-out}.cursor-pointer{cursor:pointer}.swal2-actions>.swal2-confirm,.swal2-actions>.swal2-styled{background-color:var(--color-main);transition:all .3s ease}.swal2-actions>.swal2-confirm:has(a){padding:0}.swal2-confirm:hover,.swal2-styled:hover{background-color:var(--color-secondary)}