footer{background-color:var(--secundario);color:var(--blanco);padding:2rem;display:flex;flex-direction:column;align-items:center}footer *{font-size:1.5rem;text-align:center}.footer-enlaces{list-style:none;padding:0;display:flex;gap:2rem}.formulario{background-color:var(--secundario);width:min(80rem, 90%);margin:2rem auto;border-radius:1rem;padding:2rem}.formulario fieldset{border:none}.formulario legend{text-align:center;font-size:2rem;font-weight:var(--forma-negrita);color:var(--blanco);text-transform:uppercase;margin-bottom:2rem}.campo-formulario{margin-bottom:1rem;width:100%;min-height:1rem}.formulario label{text-transform:capitalize;color:var(--blanco);font-weight:var(--forma-negrita);margin-bottom:.5rem}.formulario .campo-formulario>label{display:block}.campo-formulario .input-formulario{width:100%;border:none;padding:.5rem;appearance:none}.prefes,.interes{width:100%;display:flex;justify-content:space-evenly}@media (max-width:768px){.interes{flex-flow:wrap}.interes label{max-width:50%;margin:0}}.campo-formulario input[type="radio"],.campo-formulario input[type="checkbox"]{display:none}.campo-formulario input[type="radio"]:checked+label,.campo-formulario input[type="checkbox"]:checked+label{background-color:var(--seleccionado);color:var(--principal)}.campo-formulario .prefes label,.campo-formulario .interes label{color:var(--principal);background-color:var(--blanco);font-weight:var(--forma-principal);width:100%;text-align:center;padding:.5rem;border:1px solid #000;cursor:pointer}.campo-formulario textarea{width:100%;min-height:10rem;resize:vertical;background-color:var(--blanco);color:var(--principal);font-weight:var(--forma-principal);font-family:var(--fuente-principal);font-size:2rem}.flex{display:flex}.derecha{justify-content:end}header{overflow:hidden;position:fixed;z-index:10;left:0;top:0;width:100%;height:8rem;padding:1rem 1.5rem 1rem .5rem;background-color:#fff0;display:flex;gap:5px;justify-content:space-between;align-items:center}.fondo{background-color:var(--secundario)}.logo{width:5rem;height:5rem;background-image:url(/../../img/logo.png);background-size:contain;background-repeat:no-repeat}.div-busqueda{color:var(--blanco);position:relative;height:100%;display:flex;align-items:center}.div-busqueda label{position:absolute;left:0;color:var(--secundario);font-size:4rem}.busqueda{padding:.3rem 1rem .3rem 4rem;font-size:2.5rem;border-radius:8px;height:100%;width:100%}.boton-menu{display:none;width:5rem;height:5rem;text-align:center;font-size:3rem;color:var(--blanco);cursor:pointer}.enlaces-menu{list-style:none;height:5rem;display:flex;gap:2rem;align-items:center}.enlaces-menu li .seleccionado{border-bottom:2px solid var(--blanco)}.enlaces-menu img{border-radius:50%;width:40px;height:40px;cursor:pointer}.enlaces-menu img:hover{border:2px solid var(--seleccionado)}@media (max-width:768px){.enlaces-menu{display:none;flex-direction:column;position:fixed;top:6rem;right:2rem;height:auto;background-color:var(--secundario);padding:1rem;border-radius:.5rem}.enlaces-menu.ver{display:flex;animation:entra-menu 1s ease-in-out}.boton-menu{display:block}}@keyframes entra-menu{0%{transform:translateX(100%)}100%{transform:translateX(0%)}}.hero{height:100vh;width:100%;display:block;position:relative;overflow:hidden}.onda{position:absolute;bottom:0;width:100%;line-height:0}.onda svg{display:block;width:100%;height:200px}.onda svg path{fill:var(--secundario);animation:mover-onda 2s ease-in-out infinite alternate}@keyframes mover-onda{0%{d:path("M0,160 C360,280 1080,20 1440,160 L1440,320 L0,320 Z")}100%{d:path("M0,180 C360,20 1080,280 1440,120 L1440,320 L0,320 Z")}}.hero video{object-fit:cover;position:absolute;top:0;left:0;height:100%;width:100%}.oscurece-fondo{background-color:var(--fondo-oscuro);position:absolute;top:0;left:0;height:100%;width:100%;display:flex;justify-content:center;align-items:center}.hero-contenido{text-align:center;color:var(--blanco)}.hero-contenido h1{font-size:5rem}.hero-contenido h2{margin:1rem;font-size:3rem}main{min-height:60vh}.login-contenedor{background-color:var(--blanco);padding:2rem;box-shadow:0 0 1rem var(--fondo-oscuro);text-align:center;border-radius:.8rem;margin:10rem auto 2rem;width:min(40rem, 90%)}.login-contenedor h2{margin:2rem}.login-contenedor form{display:flex;flex-direction:column;gap:2rem}.login-contenedor a{color:var(--secundario)}.login-contenedor input{width:100%;margin:0;padding:1rem}.login-contenedor input[type="submit"]{cursor:pointer}.login-contenedor.oculto{display:none}.mostrar{animation:hola 500ms ease-in-out}.ocultar{animation:adios 500ms ease-in-out}.div-pass{position:relative}.div-pass label{position:absolute;right:0;bottom:.2rem;font-size:3rem;cursor:pointer}@keyframes hola{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0%)}}@keyframes adios{0%{opacity:1;transform:translateX(0%)}100%{opacity:0;transform:translateX(100%)}}.contenedor{margin:100px auto 20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px rgb(0 0 0 / .1);padding:20px;width:min(90%, 800px);display:grid;grid-template-columns:1fr 1fr;justify-content:space-between;align-items:center;gap:20px}h1{text-align:center;font-size:24px;margin-bottom:20px}.foto-perfil{text-align:center;margin-bottom:20px}.foto-perfil img{width:300px;height:300px;border-radius:10px;object-fit:cover;margin-bottom:10px;cursor:pointer}input[type="file"]{display:none}.formulario-grupo{margin-bottom:15px}label{display:block;font-weight:700;font-size:2rem}select,input[type="text"],input[type="email"],input[type="tel"],input[type="password"]{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:2rem}button{width:100%}h2{margin-top:20px;margin-bottom:10px;font-size:18px}.div-pass{position:relative}.div-pass label{position:absolute;right:5px;bottom:4px;font-size:3rem;cursor:pointer}@media (max-width:768px){.contenedor{grid-template-columns:1fr}}#alerta{text-transform:uppercase;background-color:red;color:var(--seleccionado)}#alerta h2{margin:10px}[popover]::backdrop{background-color:rgb(0 0 0 / .7)}#mensaje{display:none;position:fixed;bottom:0;left:0;width:100%;background-color:#ff0;padding:10px;z-index:10000;text-transform:uppercase}#mensaje-texto{margin:20px;font-size:3rem}#mensaje.ver{display:block}#mensaje.entra{animation:entra-mensaje 0.5s ease-in-out}#mensaje.sale{animation:sale-mensaje 0.5s ease-in-out}@keyframes entra-mensaje{0%{transform:translateY(100%)}100%{transform:translateY(0%)}}@keyframes sale-mensaje{0%{transform:translateY(0%)}100%{transform:translateY(100%)}}#animacion-carga{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9;justify-content:center;align-items:center;background-color:rgb(0 0 0 / .5)}#animacion-carga.ver{display:flex}.svg-carga{width:8.8rem;height:8.8rem;animation:rotacion 1s linear infinite}.circulo-carga{stroke:var(--seleccionado);stroke-linecap:round;animation:linea-discontinua 1.5s ease-in-out infinite}@keyframes linea-discontinua{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes rotacion{100%{transform:rotate(360deg)}}:root{--primario:#000000;--secundario:#3e0091;--blanco:#fff;--seleccionado:yellow;--fondo-claro:#f8f8f8;--fondo-oscuro:rgba(0,0,0,0.7);--fondo-boton-azul:#1e0051;--fuente-principal:"Balsamiq Sans", serif;--forma-principal:400;--forma-negrita:700;--estilo-principal:normal}html{font-size:62.5%;box-sizing:border-box;font-family:var(--fuente-principal);user-select:none}*{box-sizing:inherit}body{font-size:16px;overflow-x:hidden;margin:0;padding:0;background-color:var(--fondo-claro)}span{color:var(--seleccionado)}h2{margin-top:10rem;text-align:center}a{font-size:2rem;text-decoration:none;color:var(--blanco)}a:hover{color:var(--seleccionado)}.boton{display:inline-block;padding:10px 20px;background-color:var(--secundario);color:var(--blanco);text-decoration:none;border-radius:5px;height:auto}.boton:hover{background-color:var(--fondo-boton-azul)}#productos-contenedor{margin:8rem .5rem .5rem .5rem;padding:1rem;display:grid;grid-template-columns:repeat(auto-fit,35rem);justify-content:center;gap:2rem;grid-template-rows:1fr auto auto}.producto{width:100%;margin:auto;padding:1.5rem;background-color:var(--blanco);border-radius:1rem;box-shadow:0 4px 6px var(--fondo-oscuro);cursor:pointer;grid-row:span 3;display:grid;grid-template-rows:subgrid;align-items:center;transition:transform 0.1s ease-in-out}.producto:hover{box-shadow:0 8px 16px var(--fondo-oscuro);transform:scale(1.02)}.producto img{width:100%;border-radius:1rem;transition:transform 0.2s ease-in-out}.producto img:hover{transform:scale(1.05)}.producto h2{margin:0}.producto p{font-size:2.2rem;color:var(--secundario);font-weight:700}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .5);justify-content:center;align-items:center;z-index:1000}.modal-contenido{background:#fff;padding:20px;border-radius:10px;text-align:left;width:min(95%, 800px);height:min(90%, 800px);position:relative;box-shadow:0 4px 10px rgb(0 0 0 / .3);display:flex;flex-direction:column;gap:20px;align-items:center;overflow-y:auto}.modal-contenido h2{margin:10px;font-size:3rem;text-align:center}.modal-contenido ul{overflow:auto;list-style:none;padding:10px 0;width:90%}.modal-contenido ul li{font-size:2rem;display:flex;align-items:center;width:95%}.modal-contenido img{margin:auto;width:100%;border-radius:10px;display:block}.modal-interior{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.modal-detalles{display:flex;flex-direction:column;gap:10px}.modal-contenido p{margin:5px;font-size:2.5rem}.modal-detalles .detalles{color:var(--secundario)}#detalle-barcode{margin:30px auto}#detalle-descripcion{width:100%;min-height:60px;font-size:2rem;font-family:var(--fuente-principal)}.modal-detalles .div-agregar{display:grid;grid-template-columns:1fr 10fr;gap:20px;height:auto}.modal-detalles .div-agregar input{width:50px;height:3rem;margin:0;font-size:2rem}.input-detalles{width:100%;height:5rem;margin:0;font-size:2rem;border-radius:5px;border-color:grey;padding:.5rem}.rojo{background-color:red}.boton-nuevo{position:fixed;bottom:24px;right:24px;width:64px;height:64px;background-color:#28a745;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px rgb(0 0 0 / .3);transition:transform 0.2s ease,box-shadow 0.2s ease}.boton-nuevo:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgb(0 0 0 / .35)}.boton-nuevo svg{width:32px;height:32px;fill:#fff}.close{position:absolute;top:25px;right:25px;cursor:pointer;font-size:1.5em;color:#333}.close:hover{color:red}.total{color:#046e04}button{height:3rem;padding:0;margin:0;font-size:2rem;background:var(--secundario);color:#fff;border:none;border-radius:5px;cursor:pointer}button:hover{background:var(--fondo-boton-azul)}ul#lista-carrito{display:grid;gap:1rem;padding:0;list-style:none;width:min(95%, 780px);margin:0 auto}ul#lista-carrito>li.carrito-item{display:grid;grid-template-columns:subgrid;grid-template-columns:1.4fr 1fr 1fr 1fr auto 1fr auto;align-items:center;gap:.5rem;background-color:#fff;padding:1rem;margin:.2rem;border-radius:12px;box-shadow:1px 2px 6px rgb(0 0 0 / .1);font-family:sans-serif;width:98%}.carrito-item .item{color:var(--secundario);font-size:2rem}.item-img{width:80px;height:80px;object-fit:contain;border-radius:8px}.carrito-item .item.nombre{grid-column:span 3;font-weight:700}.carrito-item .item.unidades{text-align:right;border:none;width:6rem}.carrito-item .item.precio{text-align:right}.carrito-item .eliminar-item{background-color:#ff4d4f;border:none;color:#fff;font-size:3rem;border-radius:50%;width:32px;height:32px;cursor:pointer;transition:background-color 0.3s ease}.carrito-item .eliminar-item:hover{background-color:#d9363e}.quita-producto-carrito{animation:elimina-carrito 1s ease-in-out}@media (max-aspect-ratio:1/1){.modal-contenido{display:flex;flex-direction:column;align-items:center;overflow-y:auto;height:95%}ul#lista-carrito>li.carrito-item{grid-template-columns:1.4fr 1fr 1fr auto;grid-template-rows:repeat(2,1fr)}.item-img{grid-row:span 2}.modal-interior{grid-template-columns:1fr}.close{position:fixed}}.abrir-modal{animation:abre-modal 0.5s ease-in-out}.abrir-modal-fondo{animation:abre-modal-fondo 0.5s ease-in-out}.cerrar-modal{animation:cierra-modal 0.6s ease-in-out}.cerrar-modal-fondo{animation:cierra-modal-fondo 0.6s ease-in-out}.agregar-carrito{animation:agrega-carrito 0.5s ease-in-out}.vibrar{animation:vibra 1s ease-in-out}@keyframes abre-modal{0%{transform:translateY(100%);opacity:0}100%{transform:translateY(0%)}}@keyframes abre-modal-fondo{0%{opacity:0}100%{opacity:1}}@keyframes abre-modal2{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes agrega-carrito{0%{transform:scale(1)}100%{transform-origin:top right;transform:scale(0) translate(600%,-600%)}}@keyframes cierra-modal{0%{transform:translateY(0%)}100%{transform:translateY(-100%);opacity:0}}@keyframes cierra-modal-fondo{0%{opacity:1}100%{opacity:0}}@keyframes cierra-modal2{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes vibra{0%{transform:translateY(0)}10%{transform:translateY(-10px)}20%{transform:translateY(10px)}30%{transform:translateY(-10px)}40%{transform:translateY(10px)}50%{transform:translateY(-10px)}60%{transform:translateY(10px)}70%{transform:translateY(-10px)}80%{transform:translateY(10px)}90%{transform:translateY(-10px)}100%{transform:translateY(0)}}@keyframes elimina-carrito{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}#usuarios-fondo{display:flex;position:relative;width:100%;height:100%;justify-content:center;align-items:center}#usuarios-contenido{padding:20px;text-align:left;width:min(95%, 1000px);height:min(90%, 800px);position:relative;display:flex;flex-direction:column;gap:20px;align-items:center;overflow-y:auto}#usuarios-contenido h2{margin:10px;font-size:3rem;text-align:center}ul#usuarios-lista{display:grid;gap:1rem;padding:0;list-style:none;width:min(95%, 1000px);margin:0 auto}ul#usuarios-lista>li.usuarios-item{display:grid;grid-template-columns:subgrid;grid-template-columns:0.5fr 0.7fr 2fr 0.3fr;align-items:center;gap:.5rem;padding:1rem;margin:.2rem;border-radius:12px;background-color:#fff;box-shadow:1px 2px 6px rgb(0 0 0 / .1);font-family:sans-serif;width:98%;cursor:pointer;transition:all 0.3s ease-in-out}ul#usuarios-lista>li.usuarios-item.sel:hover{box-shadow:1px 2px 6px rgb(0 0 0 / .3);transform:scale(1.02)}.usuarios-item .item{color:var(--secundario);font-size:2rem}.usuarios-item .item.nombre.campo{padding-left:1rem}.usuarios-item .item.nombre{font-weight:700}.usuarios-item .item.usuario{text-align:right;border:none;width:6rem}.usuarios-item .item.role{text-align:center}@media (max-aspect-ratio:1/1){#usuarios-contenido{padding:2rem .5rem}ul#usuarios-lista>li.usuarios-item{grid-template-columns:auto 1fr auto auto;grid-template-rows:repeat(2,1fr)}.usuarios-item .item.usuario{grid-column:2}.usuarios-item .item.role{grid-column:3;grid-row:1}}