:root{--primer-color: white;--segundo-color: #67072a;--tercer-color: #454544;--text-color: #000000;--text2-color: #ffffff;--font-family: "Arial", sans-serif}.header{background-color:var(--segundo-color);color:var(--text2-color);padding:5px 32px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2.5rem;position:fixed;top:0;left:0;width:100%;max-width:100vw;box-sizing:border-box;z-index:1000}.nav-menu{display:grid;grid-auto-flow:column;gap:20px;justify-content:end;padding-right:16px}.nav-menu a{color:var(--text2-color);text-decoration:none;position:relative;transition:color .3s}.nav-menu a:after{content:"";position:absolute;left:0;bottom:-3px;width:0;height:2px;background:var(--primer-color);transition:width .3s}.nav-menu a:hover:after,.nav-menu a:focus:after{width:100%}.nav-logo{display:inline-block;vertical-align:middle}.nav-logo img{display:block;width:20vh;max-height:10vh}@media (max-width: 600px){.header{grid-template-columns:1fr;padding:10px 12px;text-align:center;max-width:100vw;box-sizing:border-box}.nav-logo{justify-self:center;margin-bottom:10px}.nav-logo img{width:56px;max-height:56px}.nav-menu{grid-auto-flow:row;gap:10px;justify-content:center}}@media (max-width: 600px){.nav-menu{display:none;position:fixed;top:60px;left:0;width:100vw;height:calc(100vh - 60px);background:var(--segundo-color);flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;z-index:2000;box-shadow:none;opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.4,0,.2,1)}.nav-menu.activo{display:flex;opacity:1;pointer-events:auto}.nav-menu a{font-size:2em;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.08);background:none;width:100%;text-align:center;transition:background .2s}.nav-menu a:last-child{border-bottom:none}.nav-menu a:hover{background:#ffffff12}.menu-hamburguesa{display:flex;position:absolute;right:10px;top:10px;z-index:2100;background:#ffffff0d;border-radius:8px;transition:background .2s}}.form-group select{padding:8px;border:1px solid #ccc!important;font-size:14px;background:#fff;color:#333;outline:none;border-radius:0!important;box-shadow:none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-group select:focus{border-color:#ccc!important;box-shadow:none!important}.form-group select:valid{border-color:#ccc!important;box-shadow:none!important}.form-group select:invalid{border-color:#ccc!important;box-shadow:none!important}input:invalid,input:valid,select:invalid,select:valid,textarea:invalid,textarea:valid{border:1px solid #ccc!important;box-shadow:none!important;outline:none!important}.form-group option{color:#333;background:#fff}.form-login{max-width:350px;margin:120px auto 40px;background:#fff;border:1px solid #ccc;padding:20px;display:flex;flex-direction:column;align-items:stretch}.form-login h2{text-align:center;color:#333;margin-bottom:20px}.form-group{margin-bottom:15px;display:flex;flex-direction:column}.form-group label{font-weight:700;margin-bottom:5px;color:#333}.form-group input{padding:8px;border:1px solid #ccc!important;font-size:14px;outline:none;border-radius:0!important;box-shadow:none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-group input:focus{border-color:#ccc!important;box-shadow:none!important}.form-group input:valid{border-color:#ccc!important;box-shadow:none!important}.form-group input:invalid{border-color:#ccc!important;box-shadow:none!important}.form-group input:required{border-color:#ccc!important;box-shadow:none!important}.form-btn{background:#333;color:#fff;border:none;padding:10px;font-size:16px;cursor:pointer;margin-top:10px;border-radius:0}.form-btn:hover{background:#555}.form-links{text-align:center;margin-top:15px}.form-links a{color:#333;text-decoration:underline}.header{background-color:var(--segundo-color);color:var(--text2-color);padding:5px 32px;position:fixed;top:0;left:0;width:100%;z-index:1000}body{padding-top:60px}.nav-menu{float:right;padding-right:16px}.nav-menu a{color:var(--text2-color);text-decoration:none}.nav-menu a:hover,.nav-menu a:focus{color:var(--primer-color)}.nav-logo{float:left}.nav-logo img{width:150px;height:50px}@media (max-width: 600px){.header{grid-template-columns:1fr;padding:10px;text-align:center}.nav-logo{justify-self:center;margin-bottom:10px}.nav-logo img{width:56px;max-height:56px}.nav-menu{grid-auto-flow:row;gap:10px;justify-content:center}}.menu-hamburguesa{display:none;background:none;border:none;cursor:pointer;padding:8px;align-items:center;justify-content:center}.menu-hamburguesa img,.menu-hamburguesa svg{width:32px;height:32px}@media (max-width: 600px){.nav-menu{display:none;position:fixed;top:60px;left:0;width:100vw;height:calc(100vh - 60px);background:var(--segundo-color);flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;z-index:2000;opacity:0;pointer-events:none}.nav-menu.activo{display:flex;opacity:1;pointer-events:auto}.nav-menu a{font-size:2em;padding:20px 0;border-bottom:1px solid #ccc;background:none;width:100%;text-align:center}.nav-menu a:last-child{border-bottom:none}.nav-menu a:hover{background:#eee}.menu-hamburguesa{display:flex;position:absolute;right:10px;top:10px;z-index:2100;background:#ccc}}.error{color:red;font-size:12px;margin-top:5px}.mensaje-error{background-color:pink;color:red;padding:10px;margin-bottom:15px;border:1px solid red;text-align:center}.mensaje-exito{background-color:#90ee90;color:green;padding:10px;margin-bottom:15px;border:1px solid green;text-align:center}.mensaje-general{background-color:#90ee90;color:green;padding:15px;margin-bottom:20px;border:1px solid green;text-align:center;font-weight:700}.checkbox-group{margin-bottom:15px}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-size:14px;color:#333}.checkbox-input{width:16px;height:16px;margin-right:8px}.checkbox-input:checked{background-color:#333}.footer-logo img{display:block;width:60px;max-height:36px}.footer-info a{color:inherit;text-decoration:none;font-weight:500}.footer{background-color:var(--segundo-color);color:var(--text2-color);padding:8px 16px;display:grid;grid-template-columns:1fr auto;align-items:center;width:100vw;max-width:100vw;box-sizing:border-box;font-size:1rem;z-index:900;margin-top:auto;position:relative}@media (max-width: 600px){.footer{grid-template-columns:1fr;padding:12px 8px;text-align:center;font-size:.95rem}.footer-logo{justify-self:center;margin-bottom:8px}.footer-logo img{width:50px;max-height:25px}}.tabla-container{overflow-x:auto}table,.tabla-pedidos,.tabla-usuarios,.tabla-productos{width:100%;border-collapse:collapse;border:1px solid #ddd}table th,.tabla-pedidos th,.tabla-usuarios th,.tabla-productos th{padding:12px;text-align:center;border:1px solid #ddd;background-color:#f5f5f5;font-weight:700;color:#333}table td,.tabla-pedidos td,.tabla-usuarios td,.tabla-productos td{padding:12px;text-align:center;border:1px solid #ddd}table tr:nth-child(2n),.tabla-pedidos tr:nth-child(2n),.tabla-usuarios tr:nth-child(2n),.tabla-productos tr:nth-child(2n){background-color:#f9f9f9}.btn-accion{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px;margin:2px}.btn-detalles{background-color:#e0e0e0;color:#333}.btn-editar{background-color:#ffc107;color:#333}.btn-eliminar{background-color:#dc3545;color:#fff}.select-estado-admin,.select-estado,.select-rol{padding:4px 8px;border:1px solid #ccc;border-radius:4px;font-size:12px;background:#fff}.mensaje-vacio{text-align:center;padding:40px;color:#666}.productos-lista{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}table img,.tabla-productos img{width:50px;height:50px;object-fit:cover;border-radius:4px;border:1px solid #ddd}.descripcion-truncada{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.estado-activo{background-color:#e8f5e8;color:#2d5016;border:1px solid #4caf50}.estado-inactivo{background-color:#fff3cd;color:#856404;border:1px solid #ffc107}.estado-eliminado{background-color:#f8d7da;color:#721c24;border:1px solid #dc3545}.estado-pendiente{background-color:#fff3cd;color:#856404}.estado-aprobado{background-color:#e8f5e8;color:#2d5016}.estado-preparado{background-color:#cce5ff;color:#003d82}.estado-entregado{background-color:#e8f5e8;color:#2d5016}.estado-cancelado{background-color:#f8d7da;color:#721c24}@media (max-width: 768px){table,.tabla-pedidos,.tabla-usuarios,.tabla-productos{font-size:12px}table th,table td,.tabla-pedidos th,.tabla-pedidos td,.tabla-usuarios th,.tabla-usuarios td,.tabla-productos th,.tabla-productos td{padding:8px 4px}.btn-accion{padding:4px 8px;font-size:10px}table img,.tabla-productos img{width:30px;height:30px}.productos-lista,.descripcion-truncada{max-width:100px}}.inicio-flex{display:flex;flex-direction:column;gap:2.5rem;margin-top:2rem}.inicio-bloque{display:flex;flex-direction:row;align-items:center;gap:2rem;margin-bottom:2.5rem;background:none;width:100%}@media (max-width: 900px){.inicio-bloque{flex-direction:column;gap:1rem;text-align:center;width:100%}.inicio-bloque .inicio-texto{text-align:center}}.inicio-bloque{display:flex;align-items:center;gap:2rem;margin-bottom:2.5rem;background:none}.inicio-bloque:last-child{margin-bottom:0}.inicio-bloque .inicio-texto{flex:1 1 300px;text-align:left}.inicio-bloque .img-inicio{flex:0 0 auto}@media (max-width: 900px){.inicio-flex{flex-direction:column;gap:1.5rem}.inicio-bloque{flex-direction:column;gap:1rem;text-align:center}.inicio-bloque .inicio-texto{text-align:center}}.inicio-flex{display:flex;align-items:center;justify-content:center;gap:2.5rem;margin-top:2rem}.inicio-texto{flex:1 1 300px;text-align:left}.galeria-inicio{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}@media (max-width: 800px){.inicio-flex{flex-direction:column;gap:1.5rem;text-align:center}.inicio-texto{text-align:center}}.inicio-section{margin:2rem auto;padding:2rem 1.5rem;padding-top:80px;max-width:900px;width:100%;border-radius:1.2rem;box-shadow:0 2px 16px #00000012;text-align:center}.inicio-section h1{font-size:2.5rem;box-sizing:border-box;color:#b77b3b;margin-bottom:1rem;font-family:Segoe UI,Arial,sans-serif}.inicio-section p{font-size:1.2rem;display:flex;flex-direction:column;gap:2.5rem;margin-top:2rem;width:100%;max-width:100%;box-sizing:border-box;margin-bottom:2rem;line-height:1.6}.galeria-inicio{justify-content:center;flex-wrap:wrap;margin-top:1.5rem;display:flex;flex-direction:row;align-items:center;gap:2rem;margin-bottom:2.5rem;background:none;width:100%;max-width:100%;box-sizing:border-box}.img-inicio{width:220px;height:180px;object-fit:cover;border-radius:1rem;box-shadow:0 2px 8px #b77b3b21;background:#fff;max-width:100%}@media (max-width: 600px){.inicio-section{padding:1rem .5rem}.galeria-inicio{gap:1rem}.img-inicio{width:100%;max-width:320px;height:140px}}.producto-card{background:#fff;border-radius:1rem;box-shadow:0 2px 12px #00000012;padding:1.5rem;margin:1rem;width:260px;display:flex;flex-direction:column;align-items:center;transition:box-shadow .2s}.producto-card:hover{box-shadow:0 4px 18px #00000021}.producto-img{width:120px;height:120px;object-fit:cover;border-radius:50%;margin-bottom:1rem;background:#f8f8f8;box-shadow:0 2px 8px #b77b3b21}.producto-card h3{font-size:1.1rem;color:#67072a;margin:0 0 .5rem;text-align:center}.producto-card p{font-size:.98rem;color:#444;margin:0 0 1rem;text-align:center}.contador-div{display:flex;align-items:center;gap:.5rem;margin-top:1rem;background:#f3f3f3;border-radius:.7rem;padding:.4rem .8rem}.catalogo-card{background:#fff;border-radius:1rem;box-shadow:0 2px 12px #00000012;padding:1.5rem;margin:1rem;width:260px;display:flex;flex-direction:column;align-items:center;transition:box-shadow .2s}.catalogo-card:hover{box-shadow:0 4px 18px #00000021}.catalogo-img{width:120px;height:120px;object-fit:cover;border-radius:50%;margin-bottom:1rem;background:#f8f8f8;box-shadow:0 2px 8px #b77b3b21}.catalogo-img body{min-height:100vh;display:flex;flex-direction:column}.catalogo-img #catalogo-contenedor{flex:1}.catalogo-card h3{font-size:1.1rem;color:#67072a;margin:0 0 .5rem;text-align:center}.catalogo-card p{font-size:.98rem;color:#444;margin:0 0 1rem;text-align:center}.catalogo-precio{font-size:1.05rem;color:#1a7c2e;font-weight:700;margin-bottom:.7rem}.catalogo-contador{display:flex;align-items:center;gap:.5rem;margin-top:1rem;background:#f3f3f3;border-radius:.7rem;padding:.4rem .8rem}.btn-menos,.btn-mas{background:#fff;border:1px solid #ccc;border-radius:50%;width:32px;height:32px;font-size:1.2rem;color:#67072a;cursor:pointer;transition:background .2s,border .2s}.btn-menos:hover,.btn-mas:hover{background:#ffe6f0;border-color:#67072a}.cantidad-span{font-size:1.1rem;font-weight:700;color:#222;min-width:32px;text-align:center}.pedidos-pendientes-container{max-width:900px;margin:20px auto;padding:20px;font-family:Arial,sans-serif}.pedidos-pendientes-container h2{color:#000;margin-bottom:10px;text-align:center}.pedidos-pendientes-container p{color:gray;margin-bottom:20px;text-align:center}.tabla-container{margin-top:20px}.tabla-pedidos{width:100%;border:1px solid black;border-collapse:collapse}.tabla-pedidos th,.tabla-pedidos td{padding:10px;border:1px solid black;text-align:center}.tabla-pedidos th{background-color:#d3d3d3;font-weight:700}.tabla-pedidos tr.pedido-par{background-color:var(--tercer-color);color:var(--text2-color)}.tabla-pedidos tr.pedido-impar{background-color:var(--primer-color);color:var(--text-color)}.btn-accion{padding:8px 15px;background-color:var(--segundo-color);color:var(--text2-color);border:none;cursor:pointer;font-size:14px}.btn-preparar{background-color:var(--segundo-color);color:var(--text2-color)}.estado-preparado{color:green;font-weight:700}.estado-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;text-align:center;min-width:80px}.estado-pendiente{background-color:#ffeaa7;color:#2d3436}.estado-aprobado{background-color:#00b894;color:#fff}.estado-preparado{background-color:#0984e3;color:#fff}.estado-entregado{background-color:#00b894;color:#fff}.estado-cancelado{background-color:#d63031;color:#fff}.estado-otro{background-color:#636e72;color:#fff}.mensaje-vacio{text-align:center;padding:50px;color:gray;font-style:italic}.admin-pedidos-container{max-width:1200px;margin:20px auto;padding:20px;background:#fff}.admin-pedidos-container h2{text-align:center;margin-bottom:20px;color:#333}.admin-pedidos-container p{text-align:center;color:#666;margin-bottom:30px}.filtros-container{margin-bottom:20px;text-align:center}.filtro-select{padding:8px 12px;border:1px solid #ccc;border-radius:4px;font-size:14px}.header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--primary-color, #8B4513)}.titulo-section h2{color:var(--text-color);margin:0 0 .5rem;font-size:2rem;font-weight:600;font-family:var(--font-family)}.titulo-section p{color:var(--tercer-color);margin:0;font-size:1rem;font-family:var(--font-family)}.btn-crear-producto{background:var(--primary-color, #8B4513);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;box-shadow:0 2px 6px #8b451333;font-family:var(--font-family)}.admin-productos-container{max-width:1400px;margin:2rem auto;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.admin-productos-container h2{color:var(--text-color);margin-bottom:.5rem;text-align:center;font-family:var(--font-family)}.admin-productos-container p{text-align:center;color:var(--tercer-color);margin-bottom:2rem;font-family:var(--font-family)}.admin-productos-container table{background:transparent!important}.admin-productos-container th,.admin-productos-container td{background:transparent!important;color:var(--text-color)!important}.admin-productos-container tr{background:transparent!important}.admin-productos-container tr:nth-child(2n){background:transparent!important}.admin-productos-container tr:hover{background:#0000000d!important}@media (max-width: 768px){.admin-productos-container{margin:1rem;padding:1rem}.header-section{flex-direction:column;align-items:flex-start;gap:1rem}.titulo-section h2{font-size:1.5rem}.btn-crear-producto{width:100%;padding:14px;font-size:1.1rem}}.detalle-pedido-container{max-width:1200px;margin:2rem auto;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a}.header-detalle{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--primary-color, #8B4513)}.btn-volver{background:var(--secondary-color, #6c757d);color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.btn-volver:hover{background:var(--secondary-dark, #5a6268);transform:translateY(-1px)}#titulo-pedido{color:var(--primary-color, #8B4513);margin:0;font-size:2rem;font-weight:600}.card-info{background:#f8f9fa;border-radius:8px;padding:1.5rem;margin-bottom:2rem;border-left:4px solid var(--primary-color, #8B4513)}.card-info h3{margin:0 0 1rem;color:var(--primary-color, #8B4513);font-size:1.3rem;font-weight:600}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.info-item{display:flex;flex-direction:column;gap:.3rem}.info-item label{font-weight:600;color:var(--text-secondary, #666);font-size:.9rem}.info-item span{color:var(--text-color, #333);font-size:1rem}.estado-badge{padding:4px 12px;border-radius:20px;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;display:inline-block;width:fit-content}.estado-pendiente{background:#fff3cd;color:#856404;border:1px solid #ffc107}.estado-aprobado{background:#d1ecf1;color:#0c5460;border:1px solid #17a2b8}.estado-preparado{background:#d4edda;color:#155724;border:1px solid #28a745}.estado-entregado{background:#e2e3e5;color:#383d41;border:1px solid #6c757d}.estado-cancelado{background:#f8d7da;color:#721c24;border:1px solid #dc3545}.precio-total{font-size:1.2rem;font-weight:700;color:var(--primary-color, #8B4513)}.tabla-productos-detalle{overflow-x:auto}.tabla-productos{width:100%;border-collapse:collapse;margin-top:1rem}.tabla-productos th,.tabla-productos td{padding:12px;text-align:left;border-bottom:1px solid #dee2e6}.tabla-productos th{background:var(--primary-color, #8B4513);color:#fff;font-weight:600;position:sticky;top:0}.tabla-productos tr:hover{background:#f8f9fa}.imagen-producto-detalle{width:50px;height:50px;object-fit:cover;border-radius:6px;border:1px solid #dee2e6}.mensaje-vacio{text-align:center;color:var(--text-secondary, #666);font-style:italic;padding:2rem}.acciones-buttons{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.select-estado{padding:8px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:.9rem;min-width:150px}.btn-accion{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease}.btn-actualizar{background:var(--primary-color, #8B4513);color:#fff}.btn-actualizar:hover{background:var(--primary-dark, #6F3611);transform:translateY(-1px)}.btn-eliminar{background:#dc3545;color:#fff}.btn-eliminar:hover{background:#c82333;transform:translateY(-1px)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--text-secondary, #666)}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--primary-color, #8B4513);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@media (max-width: 768px){.detalle-pedido-container{margin:1rem;padding:1rem}.header-detalle{flex-direction:column;align-items:flex-start;gap:1rem}#titulo-pedido{font-size:1.5rem}.info-grid{grid-template-columns:1fr}.acciones-buttons{flex-direction:column;align-items:stretch}.select-estado,.btn-accion{width:100%}.tabla-productos{font-size:.9rem}.imagen-producto-detalle{width:40px;height:40px}}.crear-producto-container{max-width:600px;margin:1rem auto;padding:1.5rem;background:#fff;border:1px solid #ddd}.form-header{margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid #eee}.form-header h2{color:#333;margin-bottom:.25rem;font-size:1.5rem;font-weight:500}.form-header p{color:#666;margin:0;font-size:.9rem}.producto-form{display:grid;gap:1rem}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:500;color:#333;margin-bottom:.25rem;font-size:.9rem}.form-group input,.form-group textarea,.form-group select{padding:.5rem;border:1px solid #ccc;font-size:.9rem;background-color:#fff}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#8b4513}.form-group input:required:invalid{border-color:#e74c3c}.form-group input:required:valid{border-color:#27ae60}.precio-input{display:flex;align-items:center}.currency{position:absolute;left:.5rem;color:#666;font-weight:500}.precio-input input{padding-left:1.5rem}.file-upload-container{display:flex;align-items:center;gap:.5rem}.file-input{position:absolute;opacity:0;width:0;height:0}.file-label{padding:.4rem .8rem;border:1px solid #ccc;background-color:#f9f9f9;cursor:pointer;color:#666;font-size:.85rem;font-weight:400}.file-label:hover{border-color:#8b4513;background-color:#f5f5f5;color:#8b4513}.file-icon{font-size:.9rem}.file-preview{margin-left:.5rem;max-width:60px}.file-preview img{width:60px;height:60px;object-fit:cover;border:1px solid #ccc}.remove-image{position:absolute;top:-5px;right:-5px;background:#e74c3c;color:#fff;border:none;width:18px;height:18px;font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.file-hint{color:#666;font-size:.75rem;margin-left:.5rem}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #eee}.btn-cancel,.btn-submit{padding:.5rem 1.5rem;border:none;font-size:.9rem;font-weight:500;cursor:pointer;min-width:100px}.btn-cancel{background-color:#95a5a6;color:#fff}.btn-cancel:hover{background-color:#7f8c8d}.btn-submit{background:var(--primary-color, #8B4513);color:#fff}.btn-submit:hover:not(:disabled){background:#8b4513e6}.btn-submit:disabled{background-color:#bdc3c7;cursor:not-allowed}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mensaje{padding:.75rem;margin-top:1rem;font-weight:400;text-align:center}.mensaje.exito{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.mensaje.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@media (max-width: 768px){.crear-producto-container{margin:.5rem;padding:1rem}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}}body{font-family:var(--font-family);background:var(--primer-color);color:var(--text-color);margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column}