*{padding:0;margin:0;box-sizing:border-box}body{display:flex;flex-direction:column;max-width:100%;min-height:100dvh;font-size:16px;background-color:#fff;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}button{cursor:pointer}.container-lector{width:100%;height:100dvh;position:fixed;top:0;left:0;background-color:#000000e6;display:flex;flex-direction:column;align-items:center;gap:2rem;transition:.2s ease-in-out;z-index:9999}.video-container{position:relative;width:100%;max-width:500px;margin-top:2rem}video{width:100%;border-radius:8px;display:block}.scan-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.scan-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:35%;background:#0009}.scan-overlay:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:35%;background:#0009}.scan-area{position:absolute;top:35%;left:10%;width:80%;height:30%;border:2px solid rgba(255,255,255,.5);border-radius:8px;box-shadow:0 0 0 9999px #0009}.scan-line{position:absolute;top:50%;left:10%;width:80%;height:3px;background:linear-gradient(90deg,transparent 0%,#ff0000 20%,#ff0000 80%,transparent 100%);box-shadow:0 0 10px #f00c;animation:scan-animation 2s ease-in-out infinite;z-index:10}@keyframes scan-animation{0%,to{transform:translateY(-50%) scaleX(1);opacity:.8}50%{transform:translateY(-50%) scaleX(.95);opacity:1}}.resultado-scan{margin-top:15px;font-size:18px;background:#ffffff1a;color:#fff;padding:15px 25px;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.btn-scann{padding:15px 40px;background:#f44;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-scann:hover{background:#c00;transform:scale(1.05)}.btn-scann:active{transform:scale(.95)}#result{margin-top:15px;font-size:20px;background:#111;padding:10px 20px;border-radius:8px}.loader{width:20px;aspect-ratio:1;display:grid;border:2px solid #0000;border-radius:50%;border-right-color:#fff;animation:l15 1s infinite linear}.loader:before,.loader:after{content:"";grid-area:1/1;margin:2px;border:inherit;border-radius:50%;animation:l15 2s infinite}.loader:after{animation-duration:3s}@keyframes l15{to{transform:rotate(1turn)}}.contenedor-ingresar{background-color:#faff74;min-height:100vh;padding-bottom:20px}.titulo-ingresar{display:flex;width:100%;justify-content:center;padding:5px}form{display:flex;flex-direction:column;width:100%;max-width:400px;margin:2rem auto;padding:2rem;background:#fff;border-radius:1rem;box-shadow:0 4px 12px #00000014;font-family:Inter,system-ui,sans-serif}input[type=text]{padding:.8rem 1rem;border:1px solid #d0d7de;border-radius:.5rem;font-size:1rem;outline:none;transition:all .2s ease;background-color:#f9fafb}input[type=text]:focus{border-color:#4caf50;background-color:#fff;box-shadow:0 0 0 3px #4caf5026}label{display:flex;flex-direction:column;font-weight:500;color:#222;width:100%;margin-top:.5rem}.btn-cargar{padding:10px;border:none;background-color:#00b7ff;color:#fff;margin-top:1rem;display:flex;justify-content:center;align-items:center}.btn-cargar:hover{background-color:#0688bb}.text-error{color:#fa2335;font-size:clamp(12px,1.3vw,14px);margin-bottom:1rem}@media (max-width: 500px){form{padding:1.5rem;max-width:90%}input[type=text]{font-size:.95rem}}.contenedor-item{display:flex;width:100%;height:30px;border:1px solid #00bcd4;border-radius:4px;margin-bottom:.5rem;padding:5px}.item-img{width:5%;height:30px;border-right:1px solid grey}.item-img img{display:flex;justify-content:center;align-items:center;padding:2px;width:90%;height:30px;object-fit:cover}.item-info{display:flex;flex-grow:1;justify-content:flex-start;align-items:center;height:30px;padding-left:.5rem}.item-info p:nth-child(1){width:15%}.item-info p:nth-child(2){width:45%}.item-info p{width:10%;text-align:center;border-right:1px solid grey}.item-btn{display:flex;justify-content:center;align-items:center;gap:.5rem;width:8%;padding:.5rem}.btn-item{border:none;border-radius:5px;transition:.3s ease-in-out;padding:2px;background-color:#007bff;cursor:pointer}.btn-item:hover{background-color:#0056b3}.btn-item svg{fill:#fff}.titulo-oculto{display:none}.header-oculto{display:flex}@media (max-width: 500px){.contenedor-item{box-shadow:0 2px 8px #0000001a;background-color:#fff;border:1px solid #00bcd4;border-radius:10px;width:95%;height:auto;padding:10px 0}.item-img{width:25%;height:auto;display:flex;justify-content:center;align-items:center}.item-img img{height:auto}.item-info{flex-direction:column;width:40%;flex-grow:1;height:auto}.item-info p{width:100%!important;display:flex}.item-info p:nth-child(2){flex-wrap:wrap}.item-info p:nth-child(4){font-size:20px;font-weight:700}.item-info p:nth-child(5){font-size:20px;font-weight:700}.item-btn{flex-direction:column;width:10%}.titulo-oculto{display:block;font-weight:700;margin-right:.5rem;color:#000!important}.item-btn{gap:30px}.btn-item{width:30px;height:30px;display:flex;justify-content:center;align-items:center;border:none;background-color:#007bff;color:#fff;border-radius:5px;transition:.2s ease-in-out;box-shadow:2px 2px 4px #0003;cursor:pointer}.btn-item:hover{background-color:#0056b3}.btn-item svg{fill:#fff}.header-oculto{display:none}.svg-lista{fill:#fff}}.contenedor-lista{width:100%;display:flex;flex-direction:column;align-items:center;background-color:#ceecff;min-height:100vh;padding-bottom:20px}.contenedor-lista h3{margin-top:1rem}.lista{display:flex;flex-wrap:wrap;justify-content:center;width:100%;height:auto}.buscador{margin:10px 0;display:flex;gap:10px;width:95%;max-width:800px}.buscador input[type=text]{flex-grow:1.2;padding:15px;border:1px solid #ccc;border-radius:8px;font-size:16px}.btn-scann{border:none;cursor:pointer;background-color:#000;color:#fff;border-radius:8px;padding:13px 20px;transition:.2s ease-in-out;display:flex;align-items:center;justify-content:center;min-width:70px}.btn-scann:hover{background-color:gray}.loaderGeneral{width:48px;height:48px;border-radius:50%;display:inline-block;position:relative;border:3px solid;border-color:green rgb(16,224,16) transparent transparent;box-sizing:border-box;animation:rotation 1s linear infinite}.loaderGeneral:after,.loaderGeneral:before{content:"";position:absolute;inset:0;margin:auto;border:3px solid;border-color:transparent transparent green rgb(16,224,16);width:40px;height:40px;border-radius:50%;box-sizing:border-box;animation:rotationBack .5s linear infinite;transform-origin:center center}.loaderGeneral:before{width:32px;height:32px;border-color:#FFF #FFF transparent transparent;animation:rotation 1.5s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotationBack{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.contenedor-item-menu-caja{position:absolute;bottom:0;right:50px;width:100px;height:auto;padding:5px;display:flex;justify-content:center;align-items:center;gap:15px;z-index:888;background-color:#fff;box-shadow:2px 2px 4px #000;border-radius:5px}.btn-items-caja{background-color:#000;border-radius:5px;padding:5px}@media (min-width: 800px){.contenedor-item-menu-caja{display:none}}:root{--color-principal: #007bff;--color-fondo-claro: #f4f4f9;--color-fondo-oscuro: #212529;--color-texto-claro: #fff;--color-texto-oscuro: #333;--color-alerta: #ffc107;--color-error: #dc3545;--borde-redondeado: 8px;--padding-base: 15px}.error{color:red;text-align:center;padding:10px}.banner-caja{text-align:center;color:gray;padding:10px}.contenedor-caja{display:flex;flex-direction:column;min-height:100vh;padding:var(--padding-base);background-color:#ceecff;color:var(--color-texto-oscuro)}.contenedor-caja h3{text-align:center;margin-bottom:var(--padding-base);font-size:26px}.nav-buscador{display:flex;gap:10px;margin-bottom:var(--padding-base)}.nav-buscador input[type=text]{flex-grow:.9;padding:13px;border:1px solid #ccc;border-radius:var(--borde-redondeado);font-size:21px}.btn-scann{background-color:var(--color-fondo-oscuro);color:var(--color-texto-claro);padding:13px 20px;border:none;border-radius:var(--borde-redondeado);font-weight:700;font-size:18px;min-width:70px;display:flex;align-items:center;justify-content:center;cursor:pointer}.btn-scann:active{opacity:.8}.productos-buscados{position:absolute;width:calc(100% - 2 * var(--padding-base));max-height:200px;overflow-y:auto;background-color:var(--color-texto-claro);border:1px solid #eee;border-radius:var(--borde-redondeado);z-index:10;box-shadow:0 4px 12px #0000001a}.search-productos{display:flex;justify-content:space-between;align-items:center;padding:13px;border-bottom:1px solid #f0f0f0}.search-productos:last-child{border-bottom:none}.search-productos p{margin:0;font-size:18px}.btn-add-item{background-color:green;color:var(--color-texto-claro);border:none;border-radius:50%;width:39px;height:39px;font-size:26px;font-weight:700;cursor:pointer}.lista-productos{flex-grow:1;background-color:var(--color-texto-claro);border-radius:var(--borde-redondeado);padding:0;box-shadow:0 2px 5px #0000000d;overflow-y:auto;margin-bottom:var(--padding-base)}.items-cobrar{display:grid;gap:0 13px;grid-template-columns:1fr auto auto auto 39px;align-items:center;padding:13px;border:1px solid #00bcd4;border-radius:4px;margin-bottom:8px;font-size:18px;position:relative}.items-cobrar:nth-child(2n){background-color:#f9f9f9}.items-cobrar>div:first-child{font-weight:500;color:#007bff}.items-cobrar .btn-cobrar{display:flex;gap:5px;justify-content:flex-end}.items-cobrar .btn-cobrar .btn-items-caja{display:none;background-color:#007bff;border:none;padding:7px;border-radius:4px;cursor:pointer;line-height:0;transition:all .3s ease}.items-cobrar .btn-cobrar .btn-items-caja:hover{background-color:#0056b3}.items-cobrar .btn-cobrar svg{fill:#fff}.importe{background-color:var(--color-fondo-oscuro);color:var(--color-texto-claro);padding:20px;border-radius:var(--borde-redondeado);display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center;height:325px;font-size:22px}.importe p,.importe span{margin:0;display:flex;justify-content:space-between;align-items:center}.importe span{grid-column:1 / -1}.importe p:nth-child(2){grid-column:1 / -1;font-size:43px;font-weight:700;color:var(--color-alerta);padding-bottom:13px;border-bottom:1px dashed rgba(255,255,255,.2);margin-bottom:13px}.importe p span,.importe span input{font-weight:700;font-size:28px}.importe input[type=text]{width:156px;padding:8px;text-align:right;color:var(--color-error);font-weight:700;border:none;border-radius:4px;font-size:24px}.mdPago{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center}.mediopago{padding:8px;border-radius:4px;border:none;min-width:125px;text-align:center;font-size:13px}.cobrar-btn{display:flex;place-content:center;width:100%;padding:20px;margin-top:13px;background-color:var(--color-principal);color:var(--color-texto-claro);border:none;border-radius:var(--borde-redondeado);font-size:23px;font-weight:700;text-transform:uppercase;cursor:pointer;box-shadow:0 4px 8px #007bff66}.cobrar-btn:active{background-color:#0056b3}.contenedor-pc{display:flex;flex-direction:column}p[style*="textAlign:center"]{padding:var(--padding-base);color:#999!important;font-style:italic}.btn-cobrar-menu{background-color:#007bff;border:none;border-radius:5px;cursor:pointer;transition:all .3s ease}.btn-cobrar-menu:hover{background-color:#0056b3}.btn-cobrar-menu svg{fill:#fff}@media (min-width: 800px){.importe{width:35%;box-shadow:0 2px 8px #0000001a}.contenedor-caja{display:flex}.contenedor-pc{display:flex;width:100%;flex-direction:row}.lista-productos{width:80%}.importe{margin:0 10px 0 0}.items-cobrar .btn-cobrar .btn-items-caja{display:flex}.btn-cobrar-menu{display:none}.items-cobrar{display:grid;gap:0 13px;grid-template-columns:1fr auto auto auto 78px;align-items:center;padding:13px;border-bottom:1px solid #eee;font-size:18px}}.modal-overlay-notificacion{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-notificacion{background:#fff;border-radius:16px;width:100%;max-width:450px;box-shadow:0 10px 40px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header-notificacion{padding:30px 24px;border-radius:16px 16px 0 0;text-align:center;color:#fff}.modal-header-notificacion.exito{background:linear-gradient(135deg,#4caf50,#45a049)}.modal-header-notificacion.error{background:linear-gradient(135deg,#f44336,#d32f2f)}.icono-notificacion{width:60px;height:60px;border-radius:50%;background:#ffffff4d;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;margin:0 auto 16px;border:3px solid white}.modal-header-notificacion h3{margin:0;font-size:24px;font-weight:600}.modal-body-notificacion{padding:30px 24px;text-align:center}.modal-body-notificacion p{margin:0;font-size:16px;line-height:1.6;color:#555}.modal-body-notificacion strong{color:#007bff;font-weight:600}.modal-footer-notificacion{padding:20px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:center}.btn-cerrar-notificacion{padding:14px 40px;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #4daaa74d}.btn-cerrar-notificacion:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4daaa766}.btn-cerrar-notificacion:active{transform:translateY(0)}@media (max-width: 600px){.modal-notificacion{max-width:90%}.modal-header-notificacion{padding:24px 20px}.modal-header-notificacion h3{font-size:20px}.icono-notificacion{width:50px;height:50px;font-size:30px}.modal-body-notificacion{padding:24px 20px}.modal-body-notificacion p{font-size:15px}}.contenedor-editar-item{position:fixed;top:0;left:0;width:100%;height:100dvh;background-color:#008044c2;display:flex;justify-content:center;align-items:center;z-index:9999}.contenedor-form{width:50%;height:auto;border-radius:20px;position:relative;background-color:#7dad94;box-shadow:0 2px 8px #0000001a}.contenedor-form form{display:flex;flex-direction:column;gap:10px}.btn-editar-item{position:absolute;right:20px;top:10px;width:30px;height:30px;display:flex;justify-content:center;align-items:center;background:#fff;border:none;background-color:#000;color:#fff;border-radius:5px;cursor:pointer;transition:.2s ease-in-out;box-shadow:2px 2px 4px #000}.btn-cargar-editar{width:100%;height:30px;display:flex;justify-content:center;align-items:center;background:#fff;border:none;background-color:#000;color:#fff;border-radius:5px;cursor:pointer;transition:.2s ease-in-out;box-shadow:2px 2px 4px #000}.contenedor-form form input:active{border:1px solid greenyellow}@media (max-width: 500px){.contenedor-form{width:90%}.contenedor-form form{width:70%}}.contenedor-mas-vendidos{max-width:1200px;margin:20px auto;padding:10px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a}.contenedor-mas-vendidos h3{text-align:center;color:#333;margin-bottom:25px;border-bottom:2px solid #ff4500;padding-bottom:10px}.productos{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.card-item{flex:1 1 250px;max-width:300px;background-color:#fff;border:1px solid #ddd;border-radius:10px;overflow:hidden;padding:15px;box-shadow:0 2px 5px #00000026;transition:transform .3s ease-in-out;text-align:center}.card-item:hover{transform:translateY(-5px);box-shadow:0 6px 15px #0003}.img-item{height:150px;margin-bottom:10px;display:flex;justify-content:center;align-items:center}.img-item img{max-width:100%;max-height:100%;object-fit:contain;border-radius:5px}.card-item p{margin:52x 0;color:#555;font-size:14px}.card-item p:first-of-type{font-weight:700;color:#333;font-size:16px;height:40px;overflow:hidden}.card-item p:last-of-type{color:#ff4500;font-weight:700;font-size:18px;margin-top:10px}@media (max-width: 768px){.card-item{flex:1 1 calc(50% - 20px);max-width:calc(50% - 20px)}}@media (max-width: 480px){.productos{gap:15px}.card-item{flex:1 1 100%;max-width:100%}}.contenedor-ventas{max-width:1200px;margin:20px auto;padding:10px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a}.contenedor-ventas h3{text-align:center;color:#333;margin-bottom:25px;border-bottom:2px solid #ff4500;padding-bottom:10px}.ventas{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.card-venta{display:flex;flex:1 1 250px;justify-content:center;align-items:center;gap:20px;max-width:300px;background-color:#fff;border:1px solid #ddd;border-radius:10px;overflow:hidden;padding:15px;box-shadow:0 2px 5px #00000026;transition:transform .3s ease-in-out;text-align:center}.card-venta:hover{transform:translateY(-5px);box-shadow:0 6px 15px #0003}.card-venta p:first-of-type{font-weight:700;color:#333;font-size:16px}.card-venta p:last-of-type{color:#ff4500;font-weight:700}.card-usuario{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none}.card-usuario:hover{background:linear-gradient(135deg,#0056b3,#007bff)}.card-usuario p{color:#fff!important}.card-venta-clickeable:hover{transform:translateY(-8px);box-shadow:0 8px 20px #0000004d;background:linear-gradient(135deg,#f5f5f5,#e0e0e0)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-detalle{background:#fff;border-radius:12px;max-width:800px;width:100%;max-height:70vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d;margin:15vh 0}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid #007bff;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border-radius:12px 12px 0 0}.modal-header h3{margin:0;color:#fff;border:none;padding:0}.btn-cerrar{background:#fff3;border:none;color:#fff;font-size:24px;width:35px;height:35px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-cerrar:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-body{padding:20px}.venta-detalle{background:#f9f9f9;border-radius:8px;padding:15px;margin-bottom:20px;border:1px solid #ddd}.venta-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #007bff}.venta-header h4{margin:0;color:#333}.metodo-pago{background:#007bff;color:#fff;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:700}.productos-lista{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.producto-item{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:10px;border-radius:6px;border:1px solid #e0e0e0}.producto-info{display:flex;align-items:center;gap:10px;flex:1}.producto-img-mini{width:50px;height:50px;object-fit:cover;border-radius:4px;border:1px solid #ddd}.producto-nombre{font-weight:700;margin:0;color:#333}.producto-detalle{font-size:12px;color:#666;margin:5px 0 0}.producto-precio{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.cantidad{background:#0056b3;color:#fff;padding:3px 8px;border-radius:12px;font-size:12px;font-weight:700;margin:0}.precio{font-weight:700;color:#ff4500;margin:0}.venta-total{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:2px solid #ddd;margin-top:10px}.total-precio{color:#ff4500;font-size:18px}.modal-footer{padding:20px;border-top:2px solid #ddd;background:#f5f5f5;border-radius:0 0 12px 12px;position:relative}.total-dia{display:flex;justify-content:space-between;align-items:center;font-size:20px}.total-dia-precio{color:#ff4500;font-size:24px}.btn-descargar-pdf{position:absolute;bottom:20px;right:20px;background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #4daaa766;transition:all .3s ease}.btn-descargar-pdf:hover{transform:scale(1.1);box-shadow:0 6px 20px #4daaa799;background:linear-gradient(135deg,#0056b3,#007bff)}.btn-descargar-pdf:active{transform:scale(.95)}@media (max-width: 768px){.modal-detalle{max-width:90%;max-height:60vh;margin:20vh 0}.modal-overlay{padding:10px}.producto-item{flex-direction:column;align-items:flex-start;gap:10px}.producto-precio{flex-direction:row;width:100%;justify-content:space-between}.modal-header{padding:15px}.modal-header h3{font-size:16px}.modal-body{padding:15px}.btn-descargar-pdf{width:45px;height:45px;bottom:15px;right:15px}.total-dia{font-size:16px;padding-right:60px}.total-dia-precio{font-size:18px}}.modal-crear-usuario{background:#fff;border-radius:12px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.modal-header-usuario{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid #007bff;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border-radius:12px 12px 0 0}.modal-header-usuario h3{margin:0;color:#fff}.form-crear-usuario{padding:25px;display:flex;flex-direction:column;gap:20px}.form-crear-usuario label{display:flex;flex-direction:column;gap:8px;font-weight:600;color:#333}.form-crear-usuario input{padding:12px;border:2px solid #ddd;border-radius:8px;font-size:14px;transition:border-color .3s}.form-crear-usuario input:focus{outline:none;border-color:#007bff}.input-password{position:relative;display:flex;align-items:center}.input-password input{flex:1;padding-right:45px}.btn-toggle-password{position:absolute;right:10px;background:none;border:none;font-size:20px;cursor:pointer;padding:5px}.text-error{color:#ff4500;font-size:12px;margin:5px 0 0;font-weight:400}.botones-form{display:flex;gap:15px;margin-top:10px}.btn-cancelar,.btn-crear{flex:1;padding:12px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.btn-cancelar{background:#e0e0e0;color:#333}.btn-cancelar:hover{background:#d0d0d0}.btn-crear{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.btn-crear:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4daaa766}.btn-crear:active{transform:translateY(0)}@media (max-width: 768px){.modal-crear-usuario{max-width:95%}.form-crear-usuario{padding:20px}}.modal-editar-usuarios{background:#fff;border-radius:12px;max-width:700px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.modal-header-usuarios{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid #007bff;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border-radius:12px 12px 0 0;position:sticky;top:0;z-index:10}.modal-header-usuarios h3{margin:0;color:#fff}.contenido-editar-usuarios{padding:25px}.cargando{display:flex;flex-direction:column;align-items:center;gap:15px;padding:40px}.lista-usuarios{display:flex;flex-direction:column;gap:15px}.instruccion{color:#666;margin-bottom:10px;font-size:14px}.tarjeta-usuario{display:flex;justify-content:space-between;align-items:center;padding:15px;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .3s}.tarjeta-usuario:hover{border-color:#007bff;background:#4daaa70d;transform:translate(5px)}.info-usuario h4{margin:0 0 5px;color:#333}.info-usuario .email{margin:5px 0;color:#666;font-size:13px}.badge-rol{display:inline-block;padding:4px 10px;background:#e0e0e0;border-radius:12px;font-size:12px;margin-top:5px}.icono-editar{display:flex;align-items:center;justify-content:center}.formulario-edicion{display:flex;flex-direction:column;gap:20px}.formulario-edicion h4{margin:0;color:#333;font-size:18px}.email-usuario{color:#666;font-size:14px;margin:-10px 0 10px}.campo-edicion{display:flex;flex-direction:column;gap:8px}.campo-edicion label{font-weight:600;color:#333;font-size:14px}.campo-edicion input{padding:12px;border:2px solid #ddd;border-radius:8px;font-size:14px;transition:border-color .3s}.campo-edicion input:focus{outline:none;border-color:#007bff}.error-mensaje{color:#ff4500;background:#fff3f3;padding:10px;border-radius:6px;border-left:4px solid #ff4500;margin:0;font-size:14px}.aviso-password{background:#fff8e1;border:2px solid #ffc107;border-radius:8px;padding:15px;margin:10px 0}.aviso-password p{margin:5px 0;color:#856404;font-size:13px;line-height:1.5}.aviso-password strong{color:#ff6b00}.botones-edicion{display:flex;gap:10px;margin-top:10px}.btn-cancelar-edicion,.btn-eliminar-usuario,.btn-guardar-edicion{flex:1;padding:12px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.btn-cancelar-edicion{background:#e0e0e0;color:#333}.btn-cancelar-edicion:hover:not(:disabled){background:#d0d0d0}.btn-eliminar-usuario{background:#ff4500;color:#fff}.btn-eliminar-usuario:hover:not(:disabled){background:#ff3000;transform:translateY(-2px);box-shadow:0 4px 12px #ff450066}.btn-guardar-edicion{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.btn-guardar-edicion:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #4daaa766}.btn-cancelar-edicion:disabled,.btn-eliminar-usuario:disabled,.btn-guardar-edicion:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.modal-editar-usuarios{max-width:90%;max-height:70vh;margin:15vh 0}.contenido-editar-usuarios{padding:20px}.tarjeta-usuario{flex-direction:column;align-items:flex-start;gap:10px}.icono-editar{align-self:flex-end}}.modal-overlay-password{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px}.modal-password{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.modal-header-password{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid #007bff;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border-radius:12px 12px 0 0}.modal-header-password h3{margin:0;font-size:20px}.btn-cerrar-password{background:transparent;border:none;color:#fff;font-size:28px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.btn-cerrar-password:hover{background:#fff3}.form-password{padding:20px}.campo-password{margin-bottom:20px}.campo-password label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:14px}.campo-password input{width:100%;padding:12px;border:2px solid #ddd;border-radius:8px;font-size:16px;transition:border-color .3s;box-sizing:border-box}.campo-password input:focus{outline:none;border-color:#007bff}.campo-password input:disabled{background-color:#f5f5f5;cursor:not-allowed}.mensaje-error-password{background-color:#fee;color:#c33;padding:12px;border-radius:8px;margin:15px 0;border-left:4px solid #c33;font-size:14px}.mensaje-exito-password{background-color:#efe;color:#3c3;padding:12px;border-radius:8px;margin:15px 0;border-left:4px solid #3c3;font-size:14px}.botones-password{display:flex;gap:10px;margin-top:20px}.btn-cancelar-password,.btn-guardar-password{flex:1;padding:12px 20px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-cancelar-password{background-color:#f5f5f5;color:#666}.btn-cancelar-password:hover:not(:disabled){background-color:#e0e0e0}.btn-guardar-password{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.btn-guardar-password:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #4daaa766}.btn-cancelar-password:disabled,.btn-guardar-password:disabled{opacity:.6;cursor:not-allowed}.info-password{padding:20px;background-color:#f8f9fa;border-top:1px solid #e0e0e0;border-radius:0 0 12px 12px}.info-password p{margin:0 0 10px;font-size:14px;color:#666}.info-password ul{margin:0;padding-left:20px;font-size:13px;color:#666}.info-password li{margin-bottom:5px}@media (max-width: 600px){.modal-password{max-width:100%;margin:10px}.modal-header-password h3{font-size:18px}.campo-password input{font-size:16px}.botones-password{flex-direction:column}.btn-cancelar-password,.btn-guardar-password{width:100%}}.modal-overlay-soporte{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px}.modal-soporte{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.modal-header-soporte{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:2px solid #007bff;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border-radius:16px 16px 0 0}.modal-header-soporte h3{margin:0;font-size:22px;font-weight:600}.btn-cerrar-soporte{background:transparent;border:none;color:#fff;font-size:32px;cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s;line-height:1}.btn-cerrar-soporte:hover{background:#fff3}.modal-body-soporte{padding:24px}.info-soporte{text-align:center;margin-bottom:30px}.titulo-soporte{font-size:24px;font-weight:700;color:#333;margin:0 0 12px}.descripcion-soporte{font-size:16px;color:#666;line-height:1.6;margin:0}.opciones-soporte{display:flex;flex-direction:column;gap:20px}.opcion-soporte{background:#f8f9fa;border-radius:12px;padding:20px;border:2px solid #e0e0e0;transition:all .3s}.opcion-soporte:hover{border-color:#007bff;box-shadow:0 4px 12px #4daaa726}.opcion-soporte h4{margin:0 0 12px;font-size:18px;color:#333;font-weight:600}.opcion-soporte p{margin:0 0 16px;color:#666;font-size:14px}.btn-whatsapp{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:16px 24px;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #25d3664d}.btn-whatsapp:hover{transform:translateY(-2px);box-shadow:0 6px 20px #25d36666}.btn-whatsapp:active{transform:translateY(0)}.btn-whatsapp svg{width:24px;height:24px}.contacto-info{background:#fff;border-radius:8px;padding:16px;margin-top:12px}.contacto-info p{margin:8px 0;font-size:14px;color:#333}.contacto-info strong{color:#007bff;font-weight:600}.faq-list{list-style:none;padding:0;margin:12px 0}.faq-list li{padding:10px 0;border-bottom:1px solid #e0e0e0;color:#555;font-size:14px}.faq-list li:last-child{border-bottom:none}.faq-list li:before{content:"→ ";color:#007bff;font-weight:700;margin-right:8px}.faq-nota{font-size:13px;color:#888;font-style:italic;margin-top:12px}.modal-footer-soporte{padding:20px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:center}.btn-cerrar-modal-soporte{padding:12px 32px;background-color:#f5f5f5;color:#666;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-cerrar-modal-soporte:hover{background-color:#e0e0e0}@media (max-width: 600px){.modal-soporte{max-width:100%;margin:10px;max-height:95vh}.modal-header-soporte{padding:20px}.modal-header-soporte h3{font-size:20px}.modal-body-soporte{padding:20px}.titulo-soporte{font-size:20px}.descripcion-soporte{font-size:14px}.opcion-soporte{padding:16px}.opcion-soporte h4{font-size:16px}.btn-whatsapp{padding:14px 20px;font-size:16px}}:root{--primary: #007bff;--secondary: #0056b3;--dark: #333333;--background: #f5f5f5;--text: #333333;--footer: #555}.contenedor{width:100%;min-height:100dvh;display:flex;flex-direction:column;background-color:#f5f5f5}header{background:var(--primary);color:#fff;text-align:left;padding-left:20px;box-shadow:0 0 4px #000;position:relative}main{flex-grow:1}nav{width:100%;display:flex;justify-content:center;gap:10px;padding:5px;box-shadow:0 0 4px #000;position:sticky;background-color:#f5f5f5;top:0;z-index:9998}.menu{width:95%;box-shadow:0 4px 12px #0000001a;border-radius:8px;overflow:hidden;background-color:#fff;margin:0 auto;display:block;height:auto;position:sticky;top:45px}.menu ol{list-style:none;padding:0;margin:0;width:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.menu ol li{text-align:center;padding:12px 20px;border-bottom:1px solid #f0f0f0;color:#333;transition:background-color .3s ease,color .3s ease;cursor:pointer}.menu ol li button{width:100%;border:none;background:transparent;font-size:15px}.menu ol li:last-child{border-bottom:none}.menu ol li:hover{background-color:#4daaa71a;color:var(--secondary)}.btn-nav{width:52px;height:52px;font-size:16px;display:flex;justify-content:center;align-items:center;background:#fff;padding:12px;border:none;background-color:var(--secondary);color:#fff;border-radius:5px;cursor:pointer;transition:.2s ease-in-out;box-shadow:2px 2px 4px #3333334d}.btn-nav:hover{background-color:var(--primary);color:#fff;transform:scale(1.05)}footer{text-align:center;background:var(--footer);color:#fff;padding:5px}.close{display:none}@media (min-width: 800px){.menu{width:50%;margin:0 auto}}.contenedor-login{position:fixed;top:0;left:0;width:100%;height:100dvh;background:#007bff}.aside-izq{position:fixed;top:0;left:-50%;width:100%;height:100dvh;background-color:#007bff;transform:skew(-50deg)}.contenedor-img{width:40%;height:40%;transform:skew(20deg);position:absolute;right:40px;top:10px}.contenedor-img img{transform:skew(40deg);width:100%;height:auto}.aside-der{position:absolute;right:0;top:0;width:50%;height:100dvh;display:flex;justify-content:center;align-items:center}.contenedor-form-login{width:55%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.contenedor-img-mobile{width:150px;height:150px;margin-bottom:20px;display:flex;justify-content:center;align-items:center}.contenedor-img-mobile img{width:100%;height:auto;object-fit:contain}.titulo-login{font-family:Roboto,sans-serif;font-size:32px;color:#fff;font-weight:700;margin-bottom:30px;text-align:center}.form-login{gap:10px}.form-login input{padding:.8rem 1rem;border:1px solid #d0d7de;border-radius:.5rem;font-size:1rem;outline:none;transition:all .2s ease;background-color:#f9fafb}input:focus{border-color:#4caf50;background-color:#fff;box-shadow:0 0 0 3px #4caf5026}input[type=text]::placeholder{color:#9ba0a5}.form-login input[type=password]{width:80%}.span-password{width:100%;display:flex;justify-content:space-between;gap:5px}.btn-ojos{border:none;background:transparent}.btn-entrar{padding:10px;border:none;background-color:#00b7ff;color:#fff;cursor:pointer;border-radius:10px;display:flex;justify-content:center;align-items:center}.btn-entrar:hover{background-color:#075f81;color:#fff}.btn-crear-cuanta{color:#00b7ff;border:none;background:transparent;cursor:pointer;border-radius:10px}.btn-google{padding:5px;border-radius:20px;bordeR:thin solid grey;background-color:#fff;display:flex;justify-content:center;align-items:center;gap:10px;cursor:pointer}.btn-google:hover{background-color:#075f81;color:#fff}@media (max-width: 700px){.contenedor-login{position:fixed;width:100%;height:100vh;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow-y:auto;background:#007bff}.aside-izq{position:static;width:100%;height:30dvh;background:#007bff;transform:skew(0);display:flex;flex-direction:column;align-items:center}.contenedor-img{width:68%;height:auto;transform:none;margin-top:calc(10px + 3vh);margin-bottom:10px;margin-left:auto;margin-right:auto;position:static}.contenedor-img img{width:100%;height:auto;transform:none}.aside-der{position:static;width:100%;flex:1;background:#007bff;padding:20px 0 40px;min-height:70vh}.contenedor-form-login{width:90%;height:auto;margin:0 auto}.form-login{display:flex;flex-direction:column;gap:10px}}