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}.App{font-family:Arial,sans-serif;text-align:center}.carrusel-container{height:60vh;overflow:hidden;-webkit-perspective:1000px;perspective:1000px;position:relative;width:100%}.carrusel{height:99%;position:relative;width:100%}.carrusel-item{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:60vh;left:50%;opacity:0;overflow:hidden;pointer-events:auto;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) scale(.9);transform:translate(-50%,-50%) scale(.9);transition:opacity .7s ease,-webkit-transform .7s ease;transition:transform .7s ease,opacity .7s ease;transition:transform .7s ease,opacity .7s ease,-webkit-transform .7s ease;width:30vh;z-index:1}.carrusel-item,.carrusel-item .producto{align-items:center;display:flex;justify-content:center}.carrusel-item .producto{flex-direction:column;height:75%;width:80%}.carrusel-item img{border-radius:10px;height:100%;object-fit:cover;width:100%}.carrusel-item.active{opacity:1;pointer-events:auto;-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1);z-index:10}.carrusel-item.left{opacity:.8;pointer-events:auto;-webkit-transform:translate(calc(-50% - 220px),-50%) rotateY(30deg) scale(1);transform:translate(calc(-50% - 220px),-50%) rotateY(30deg) scale(1);z-index:5}.carrusel-item.right{opacity:.8;pointer-events:auto;-webkit-transform:translate(calc(-50% + 220px),-50%) rotateY(-30deg) scale(1);transform:translate(calc(-50% + 220px),-50%) rotateY(-30deg) scale(1);z-index:5}.carrusel-item.hidden{display:none}.carrusel-buttons{display:flex;justify-content:space-between;pointer-events:auto;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%;z-index:20}.carrusel-button{background-color:rgba(0,0,0,.4);border:none;border-radius:50px;color:#fff;cursor:pointer;padding:5px;pointer-events:auto}.carrusel-button img{height:25px;width:25px}.carrusel-button:hover{background-color:rgba(0,0,0,.8)}.loader{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;border:16px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:120px;width:120px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.form-container{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);font-family:Arial,sans-serif;margin:0 auto;max-width:500px;padding:20px}.form-container h3{color:#333;font-size:24px;margin-bottom:20px;text-align:center}.form-container label{color:#555;display:block;font-weight:700;margin-bottom:8px}.form-container button,.form-container input,.form-container textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:16px;margin-bottom:15px;outline:none;padding:10px;width:100%}.form-container input:focus,.form-container textarea:focus{border-color:#007bff;box-shadow:0 0 5px rgba(0,123,255,.5)}.form-container textarea{height:80px;resize:none}.form-container button{background-color:#0a253e;border:none;color:#fff;cursor:pointer;transition:background-color .3s ease}.form-container button:hover{background-color:#0056b3}.button{background-color:#0a253e;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-bottom:-60%;margin-top:40%;overflow:hidden;padding:15px 20px;pointer-events:auto;position:relative;transition:background-color .6s ease}.button:hover{background-color:#3d83dff5;border:1px solid #151616;border-radius:4px;color:#fff}.producto button .ripple{-webkit-animation:ripple-animation .6s linear;animation:ripple-animation .6s linear;background:hsla(0,0%,100%,.6);border-radius:50%;position:absolute;-webkit-transform:scale(0);transform:scale(0)}@-webkit-keyframes ripple-animation{to{opacity:0;-webkit-transform:scale(4);transform:scale(4)}}@keyframes ripple-animation{to{opacity:0;-webkit-transform:scale(4);transform:scale(4)}}.producto{align-items:center;border:1px solid #eee;border-radius:5px;box-shadow:0 5px 5px rgba(0,0,0,.1);display:flex;flex-direction:column;margin:10px;padding:10px 15px;position:relative;width:30%}.producto img{cursor:pointer;height:auto;margin-bottom:60px;margin-top:-60%;max-height:50%;max-width:100%;width:100%}.producto h3{color:#333;font-size:18px;margin:5px;top:55%}.producto h3,.producto p{position:absolute;text-align:center}.producto p{color:#555;font-size:16px;top:65%}.producto .agotado{background-color:rgba(255,0,0,.5);display:flex;height:110%;justify-content:center;left:50;position:absolute;top:-20;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:center;transform-origin:center;width:55%;z-index:2}.producto .agotado,.producto .agotado-text{align-items:center;color:#fff;font-size:26px;font-weight:700}.producto .agotado-text{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.producto .button{position:relative;z-index:1}.producto .button:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width:1200px){.producto{width:45%}}@media (max-width:768px){.producto{width:100%}}@media (max-width:480px){.form-container{padding:10px}.form-container h3{font-size:20px}.form-container button,.form-container input,.form-container textarea{font-size:14px}}.navbar{box-shadow:0 2px 3px rgba(0,0,0,.1);flex-direction:row;height:100px;justify-content:space-between;padding:0 50px;position:relative}.logoTitle,.navbar{align-items:center;display:flex}.logo{height:8vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.logo{-webkit-animation:logo-spin 20s linear infinite;animation:logo-spin 20s linear infinite}}@-webkit-keyframes logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.title{margin-left:10px}.links{align-items:center;display:flex;gap:20px}.linkButton{background-color:#0a253e;border-radius:5px;color:#fff;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.linkButton:hover{background-color:#0056b3}.inventario{padding:20px}.inventario h2{margin-bottom:20px;text-align:center}.inventario-table{border-collapse:collapse;width:100%}.inventario-table td,.inventario-table th{border:1px solid #ddd;padding:8px;text-align:center}.inventario-table th{background-color:#f2f2f2}.inventario-table input{text-align:center;width:70px}.inventario-table button{background-color:#359a2c;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:0 5px;padding:5px 10px}.inventario-table button:hover{background-color:#0e4e08}.inventario-table .delete-button{background-color:red}.inventario-table .delete-button:hover{background-color:#c00}
/*# sourceMappingURL=main.c3ae7097.css.map*/