*{margin:0}body{padding:0;margin:0;background:#f4f6f9;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;height:100dvh}.contenedor{overflow:visible}a{text-decoration:none;color:#333;font-weight:bolder}.head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#fff;border-bottom:2px solid #e8f5e9;box-shadow:0 2px 16px rgba(46,107,31,0.10);padding:0 24px;gap:12px;position:sticky;top:0;z-index:500}.imglogo{display:flex;align-items:center;gap:16px}.imagenlogo{height:70px;width:auto;cursor:pointer;transition:transform 0.3s ease}.imagenlogo:hover{transform:scale(1.05)}.main{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center;padding:10px 0}.orgmain{display:flex}.menu-card{display:flex;align-items:center;gap:8px;padding:9px 16px;border-radius:10px;text-decoration:none;color:#374151;font-size:14px;font-weight:600;transition:background 0.2s ease,color 0.2s ease,transform 0.2s ease;background:transparent;border:1.5px solid transparent}.menu-card .icon{font-size:17px;color:#2E8B57;flex-shrink:0}.menu-card h3{font-size:14px;font-weight:600;margin:0;white-space:nowrap}.menu-card p{display:none}.menu-card:hover{background:#f0faf4;color:#2E8B57;border-color:#c8e6c9;transform:translateY(-2px);box-shadow:0 4px 12px rgba(46,139,87,0.12)}.menu-card:hover .icon{color:#1f6b40}.saludo{position:relative;cursor:pointer;user-select:none}.user-info{display:flex;align-items:center;gap:10px;padding:7px 14px;border-radius:50px;transition:background 0.2s,border-color 0.2s}.saludo:hover .user-info{background:#e8f5e9;border-color:#2E8B57}.user-info::before{content:'\F4E0';font-family:'bootstrap-icons';font-size:22px;color:#2E8B57}.user-text{display:flex;flex-direction:column;line-height:1.2}.bienvenido-texto{font-size:11px;color:#888;font-weight:500}.bienvenido-user{font-weight:700;color:#1a3d12;font-size:14px;display:flex;align-items:center;gap:5px}.bienvenido-user i{font-size:11px;color:#2E8B57;transition:transform 0.2s ease}.saludo:hover .bienvenido-user i{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;min-width:200px;border-radius:14px;box-shadow:0 8px 28px rgba(0,0,0,0.13);display:none;padding:8px;z-index:9999;border:1px solid #e5e7eb;animation:aparecer 0.18s ease}.dropdown-menu a{text-decoration:none;color:#374151;padding:10px 14px;display:flex;align-items:center;gap:10px;border-radius:9px;font-size:14px;font-weight:500;transition:background 0.15s}.dropdown-menu a:hover{background:#fef2f2;color:#dc2626}.dropdown-menu a i{font-size:16px}.footer{margin-top:30px;background:linear-gradient(160deg,#0f2d0a 0%,#1a4d14 100%);color:#c8e6c9;border-top-left-radius:32px;border-top-right-radius:32px;box-shadow:0 -4px 20px rgba(0,0,0,0.15);overflow:hidden}.footer-container{width:90%;max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:32px;padding:36px 0 28px}.footer-brand h3{margin:0 0 6px;font-size:22px;font-weight:800;color:#fff;letter-spacing:-0.3px}.footer-brand p{font-size:13px;color:#a5d6a7;margin:0;max-width:200px;line-height:1.5}.footer-contacto h4{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#81c784;margin:0 0 12px}.footer-contacto a,.footer-contacto span{display:flex;align-items:center;gap:8px;font-size:13px;color:#c8e6c9;text-decoration:none;margin-bottom:9px;transition:color 0.2s}.footer-contacto a:hover{color:#fff}.footer-contacto i{font-size:15px;color:#81c784;flex-shrink:0}.footer-social h4{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#81c784;margin:0 0 12px}.footer-social-iconos{display:flex;gap:10px}.footer-social-iconos a{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;font-size:18px;color:#c8e6c9;text-decoration:none;transition:background 0.2s,color 0.2s,transform 0.2s;border:1px solid rgba(255,255,255,0.1)}.footer-social-iconos a:hover{transform:translateY(-3px);color:#fff}.footer-social-iconos a.fb:hover{background:#1877f2;border-color:#1877f2}.footer-social-iconos a.tt:hover{background:#010101;border-color:#010101}.footer-social-iconos a.wa:hover{background:#25d366;border-color:#25d366}.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);text-align:center;padding:14px 0;font-size:12px;color:#81c784}.footer-bottom a{color:#a5d6a7;text-decoration:none;font-weight:600}.footer-bottom a:hover{color:#fff}.saludo{position:relative;cursor:pointer}.user-info{display:flex;flex-direction:column}.bienvenido-user{font-weight:bold;color:#2E6B1F;display:flex;align-items:center;gap:8px}.dropdown-menu{position:absolute;top:100%;right:0;background:white;min-width:160px;border-radius:10px;box-shadow:0 10px 20px rgba(0,0,0,0.1);display:none;padding:10px 0;z-index:100}.dropdown-menu a{text-decoration:none;color:#333;padding:10px 20px;display:block;transition:0.3s}.dropdown-menu a:hover{background:#f0f0f0}.ruta{display:flex;align-items:center;gap:8px;font-size:14px;border-radius:8px;width:fit-content;margin-top:25px;padding:12px 25px;background:linear-gradient(90deg,#ffffff,#f0f5f0);border-left:5px solid #A4D43F}.ruta a{text-decoration:none;color:#2E6B1F;font-weight:500;transition:0.3s}.ruta a:hover{text-decoration:underline;color:#1f4d14}.separator{font-size:12px;color:#bbb}.actual{color:#555;font-weight:600}.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.4);justify-content:center;align-items:center;z-index:9999}.modal-contenido{background:#fff;z-index:100000;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px;border-radius:12px;width:400px;position:relative}.cerrarEditar,.cerrar,.cerrarEditarCategoria,.cerrarDetalle,.cerrarEditarEstado{position:absolute;top:10px;right:15px;font-size:20px;cursor:pointer;z-index:1000;color:#333}.primeraPart{display:flex;justify-content:space-between;padding-top:3px;padding-left:30px;padding-right:30px}.agregar{display:flex;flex-direction:row}#btnAgregar{background:linear-gradient(135deg,#1f4d14,#2fa013);color:white;border:none;padding:10px 18px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,0.15);transition:all 0.3s ease}#btnAgregar i{font-size:16px}#btnAgregar:hover{transform:translateY(-3px);box-shadow:0 6px 15px rgba(0,0,0,0.25)}#btnAgregar:active{transform:scale(0.96)}.btnPanel{background:#1e293b;color:white;border:none;padding:10px 16px;border-radius:8px;cursor:pointer}.panelLateral{position:fixed;top:0;right:-300px;width:280px;height:100%;background:#0f172a;color:white;transition:0.4s;z-index:1000;display:flex;flex-direction:column}.panelLateral.activo{right:0}.panelHeader{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #1e293b}.panelHeader h3{margin:0}.panelHeader span{cursor:pointer;font-size:20px}.panelContenido{padding:20px;display:flex;flex-direction:column;gap:15px}.accion{display:flex;align-items:center;gap:10px;text-decoration:none;color:#cbd5f5;padding:10px;border-radius:8px;transition:0.3s}.accion:hover{background:#1e293b;color:#fff}.buscarPanel input{width:100%;padding:8px;border-radius:8px;border:none;outline:none}.btn-agregar-barra{display:inline-flex;align-items:center;gap:6px;background:#1b7e02;color:#fff;border:none;border-radius:8px;padding:9px 16px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background 0.2s ease,transform 0.15s ease}.btn-agregar-barra:hover{background:#156001;transform:translateY(-1px)}.btn-agregar-barra:active{transform:translateY(0)}.btnAgregarPanel{background:#1b7e02;border:none;padding:10px;border-radius:8px;color:white;cursor:pointer;transition:all 0.5s ease}.btnAgregarPanel:hover{background:#256f47}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);display:none;z-index:999}.overlay.activo{display:block}.barraSuperior{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.buscarPanel{flex:1}.buscarPanel input{width:280px;padding:10px 12px;border-radius:10px;border:1px solid #ddd;outline:none;transition:0.3s}.buscarPanel input:focus{border-color:#3b82f6}.btnPanel{background:#1e293b;color:white;border:none;padding:10px 18px;border-radius:10px;cursor:pointer;white-space:nowrap}.rotulaApratado h1{color:#2E6B1F}.modal-form{display:flex;flex-direction:column;gap:8px;padding-top:10px}.modal-form label{font-weight:600;font-size:14px;color:#333}.modal-form input,.modal-form select{padding:10px 12px;border:1px solid #dcdcdc;border-radius:8px;font-size:14px;outline:none;transition:all 0.3s ease}.modal-form input:focus{border-color:#2E8B57;box-shadow:0 0 0 3px rgba(46,139,87,0.15)}.modal-botones{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.modal-botones .guardar{background:#2E8B57;color:white;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-weight:600;transition:0.3s ease}.modal-botones .guardar:hover{background:#256f47;transform:translateY(-2px)}.modal-botones .cancelar{background:#f1f1f1;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-weight:600;transition:0.3s ease}.modal-botones .cancelar:hover{background:#ddd}#mensajeModal{font-size:14px;margin-top:5px}.modal-contenido{background:white;padding:25px;border-radius:12px;width:400px;max-width:90%;box-shadow:0 10px 25px rgba(0,0,0,0.15);animation:aparecer 0.3s ease}@keyframes aparecer{from{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}#formEditarUsuario,#formEditarCategoria,#formEditarEstado{display:flex;flex-direction:column;gap:8px;padding-top:10px}#formEditarUsuario label,#formEditarCategoria label,#formEditarEstado label{font-weight:600;font-size:14px;color:#333}#formEditarUsuario input,#formEditarCategoria input,#formEditarUsuario select,#formEditarEstado input{padding:10px 12px;border:1px solid #dcdcdc;border-radius:8px;font-size:14px;outline:none;transition:all 0.3s ease}#formEditarUsuario input:focus,#formEditarCategoria input:focus,#formEditarEstado input:focus{border-color:#2E8B57;box-shadow:0 0 0 3px rgba(30,144,255,0.15)}#formEditarUsuario button,#formEditarCategoria button,#formEditarEstado button{background:#2E8B57;color:white;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-weight:600;margin-top:10px;transition:0.3s ease}#formEditarUsuario button:hover,#formEditarCategoria button:hover,#formEditarEstado button:hover{background:#256f47;transform:translateY(-2px)}#mensajeEditar{font-size:14px;margin-top:5px}.modal-contenido{background:white;padding:25px;border-radius:12px;width:400px;max-width:90%;box-shadow:0 10px 25px rgba(0,0,0,0.15);animation:aparecerEditar 0.3s ease}@keyframes aparecerEditar{from{transform:scale(0.95);opacity:0}to{transform:scale(1);opacity:1}}#btnEliminarEstado{background:linear-gradient(135deg,rgb(219,81,81),rgb(240,27,27));color:white;border:none;padding:10px 18px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,0.15);transition:all 0.3s ease}#btnEliminarEstado i{font-size:16px}#btnEliminarEstado:hover{transform:translateY(-3px);box-shadow:0 6px 15px rgba(0,0,0,0.25)}#btnEliminarEstado:active{transform:scale(0.96)}.form-busqueda{display:flex}.input-busqueda{display:flex;margin-right:9px;align-items:center;background:#f4f6f9;padding:8px 12px;border-radius:8px;border:1px solid #ddd;transition:0.3s ease}.input-busqueda i{color:#777;margin-right:8px}.input-busqueda input{border:none;outline:none;background:transparent;width:250px;font-size:14px}.input-busqueda:focus-within{border-color:#4e73df;box-shadow:0 0 0 2px rgba(78,115,223,0.1)}.card-categoria{flex-shrink:0;width:240px;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,0.08);border:1px solid #e8ecf0;transition:transform 0.25s ease,box-shadow 0.25s ease;position:relative;display:flex;flex-direction:column}.card-categoria:hover{transform:translateY(-7px);box-shadow:0 18px 40px rgba(0,0,0,0.14)}.card-img{position:relative;height:200px;overflow:hidden;background:#f0f4f8}.card-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.45s ease}.card-categoria:hover .card-img img{transform:scale(1.07)}.card-titulo{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,0.82) 60%,transparent);color:#fff;padding:36px 14px 14px;z-index:2}.card-titulo h3{margin:0;font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.2px}.cat-acciones{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:7px;z-index:4;opacity:0;transform:translateX(8px);transition:opacity 0.2s ease,transform 0.2s ease}.card-categoria:hover .cat-acciones{opacity:1;transform:translateX(0)}.cat-acciones a{text-decoration:none;color:#ffffff}.cat-btn{width:36px;height:36px;border-radius:10px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;transition:transform 0.15s ease,box-shadow 0.15s ease;text-decoration:none;box-shadow:0 2px 6px rgba(0,0,0,0.10)}.cat-btn:hover{transform:scale(1.12);box-shadow:0 4px 12px rgba(0,0,0,0.18)}.cat-btn-editar{background:#2E8B57;color:#fff}.cat-btn-toggle{background:#f59e0b;color:#fff}.cat-btn-info{background:#3b82f6;color:#fff}.cat-btn-eliminar{background:#ef4444;color:#fff}.cat-btn-editar:hover{background:#276b45}.cat-btn-toggle:hover{background:#d97706}.cat-btn-info:hover{background:#2563eb}.cat-btn-eliminar:hover{background:#dc2626}.cat-estado-badge{position:absolute;top:10px;left:10px;z-index:4;display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.3px;pointer-events:none;backdrop-filter:blur(4px)}.cat-estado-activo{background:rgba(22,163,74,.88);color:#fff}.cat-estado-oculto{background:rgba(100,116,139,.88);color:#fff}.modal-mover{background:#fff;border-radius:16px;width:100%;max-width:460px;box-shadow:0 24px 64px rgba(0,0,0,.18);overflow:hidden;animation:modal-in .25s ease}.modal-mover-header{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);padding:22px 22px 20px;display:flex;align-items:center;gap:14px;position:relative}.modal-mover-header-icon{width:46px;height:46px;background:rgba(255,255,255,.22);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:21px;color:#fff;flex-shrink:0}.modal-mover-header-texto h2{margin:0;font-size:17px;font-weight:700;color:#fff;line-height:1.2}.modal-mover-header-texto p{margin:3px 0 0;font-size:12px;color:rgba(255,255,255,.78)}.modal-mover-cerrar{position:absolute;top:12px;right:14px;width:30px;height:30px;background:rgba(255,255,255,.2);border:none;border-radius:50%;color:#fff;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .18s}.modal-mover-cerrar:hover{background:rgba(255,255,255,.35)}.modal-mover-body{padding:22px 24px 24px;display:flex;flex-direction:column;gap:16px}.modal-mover-alerta{background:#fffbeb;border:1.5px solid #fde68a;border-radius:10px;padding:12px 14px;display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:#92400e;line-height:1.5}.modal-mover-alerta>i{font-size:16px;color:#d97706;flex-shrink:0;margin-top:2px}.modal-mover-campo label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:7px}.modal-mover-campo select{width:100%;padding:10px 14px;border:1.5px solid #e2e8f0;border-radius:9px;font-size:14px;color:#374151;background:#f8fafc;outline:none;cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s;appearance:auto}.modal-mover-campo select:focus{border-color:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.15);background:#fff}.modal-mover-botones{display:flex;gap:10px;justify-content:flex-end;padding-top:4px}.modal-mover-btn-cancel{padding:9px 20px;border:1.5px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b;font-size:13.5px;font-weight:600;cursor:pointer;transition:background .18s,border-color .18s}.modal-mover-btn-cancel:hover{background:#f1f5f9;border-color:#cbd5e1}.modal-mover-btn-confirm{padding:9px 20px;border:none;border-radius:8px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:13.5px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;box-shadow:0 3px 10px rgba(217,119,6,.35);transition:opacity .18s,transform .15s,box-shadow .18s}.modal-mover-btn-confirm:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:0 5px 16px rgba(217,119,6,.4)}.modal-mover-btn-confirm:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.btnEditar{color:#2E8B57}.btnDetalle{padding:0}.contenedor-categorias{display:flex;flex:1;gap:18px;overflow-x:auto;scroll-behavior:smooth;padding:14px 4px 18px;scrollbar-width:none;align-items:stretch}.contenedor-categorias::-webkit-scrollbar{display:none}.card-img img{width:100%;height:200px;object-fit:cover}.card-body{padding:15px;text-align:center}.menu-toggle{font-size:32px;cursor:pointer;color:#0d0e0dd3;padding:10px;transition:all 0.8s ease}.menu-toggle:hover{transform:scale(1.08);color:#2fa013}.btn-logout-head{display:inline-flex;align-items:center;gap:7px;background:#fff;color:#dc2626;border:1.5px solid #fca5a5;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background 0.2s ease,color 0.2s ease,border-color 0.2s ease;flex-shrink:0}.btn-logout-head:hover{background:#dc2626;color:#fff;border-color:#dc2626}.main{display:flex;gap:20px;transform:translateY(0);opacity:1;transition:all 0.5s cubic-bezier(0.25,0.8,0.25,1)}.main.oculto{transform:translateY(-40px);opacity:0;pointer-events:none}.contenedor-usuarios{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin:20px}.card-usuario{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,0.08);border:1px solid #f0f0f0;transition:transform 0.25s ease,box-shadow 0.25s ease;display:flex;flex-direction:column}.card-usuario:hover{transform:translateY(-5px);box-shadow:0 12px 28px rgba(0,0,0,0.13)}.card-usuario-top{height:72px;position:relative;display:flex;align-items:flex-end;justify-content:center;padding-bottom:0}.card-usuario-admin .card-usuario-top{background:linear-gradient(135deg,#1a4d14,#2E8B57)}.card-usuario-gestor .card-usuario-top{background:linear-gradient(135deg,#1e3a5f,#3b82f6)}.usuario-avatar{width:64px;height:64px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:34px;position:absolute;bottom:-28px;border:3px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,0.12)}.card-usuario-admin .usuario-avatar i{color:#2E8B57}.card-usuario-gestor .usuario-avatar i{color:#3b82f6}.card-usuario-yo{position:absolute;top:10px;right:12px;background:rgba(255,255,255,0.25);color:#fff;font-size:11px;font-weight:700;padding:2px 9px;border-radius:20px;border:1px solid rgba(255,255,255,0.4)}.usuario-body{padding:40px 20px 14px;display:flex;flex-direction:column;align-items:center;text-align:center;flex:1}.usuario-nombre{font-size:16px;font-weight:700;color:#111827;margin:0 0 8px}.rol-usuario{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;margin-bottom:14px}.rol-admin{background:#e8f5e9;color:#2E8B57}.rol-gestor{background:#eff6ff;color:#3b82f6}.usuario-datos{width:100%;display:flex;flex-direction:column;gap:7px}.usuario-dato{display:flex;align-items:center;gap:8px;font-size:13px;color:#555;background:#f8f9fa;padding:7px 12px;border-radius:8px;text-align:left;word-break:break-all}.usuario-dato i{color:#9ca3af;font-size:14px;flex-shrink:0}.usuario-pass{color:#aaa;letter-spacing:2px}.usuario-acciones{display:flex;gap:8px;padding:14px 16px;border-top:1px solid #f0f0f0}.btn-usuario{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 10px;border-radius:9px;font-size:13px;font-weight:600;text-decoration:none;transition:opacity 0.2s,transform 0.15s;cursor:pointer}.btn-usuario:hover{opacity:0.88;transform:translateY(-1px)}.btn-editar-usuario{background:#e8f5e9;color:#2E8B57}.btn-eliminar-usuario{background:#fce8e8;color:#dc2626}.btnDetalle{padding:0}.slider-categorias{display:flex;align-items:center;gap:8px;padding:0 20px 10px}.flecha{flex-shrink:0;background:#2E8B57;border:none;color:white;font-size:18px;width:38px;height:38px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s ease,transform 0.15s ease;box-shadow:0 2px 8px rgba(46,139,87,0.3)}.flecha:hover{background:#256f47;transform:scale(1.08)}.flecha:active{transform:scale(0.95)}.sliderEstados{display:flex;align-items:center;gap:12px;margin-top:30px}.contenedorEstados{display:flex;width:100%;gap:15px;overflow-x:auto;scroll-behavior:smooth;padding:10px 0}.estadoCard{position:relative;min-width:170px;height:205px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:white;border-radius:6px;clip-path:polygon( 0% 0%,92% 0%,100% 50%,92% 100%,0% 100%,6% 50% );box-shadow:0 4px 10px rgba(0,0,0,0.08);transition:all 0.3s ease}.estadoCard:hover{transform:translateY(-4px);box-shadow:0 10px 20px rgba(0,0,0,0.15)}.estadoLetra{font-size:55px;font-weight:700;color:#2E8B57}.estadoNombre{font-size:25px;font-weight:600;color:#444}.btnSlide{border:none;margin:10px;background:#2E8B57;color:white;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:0.2s}.btnSlide:hover{background:#236b43}.estadoCard.activo{background:#2E8B57}.estadoCard.activo .estadoLetra{color:white}.estadoCard.activo .estadoNombre{color:white}.contenedorEstados::-webkit-scrollbar{display:none}.estadoAcciones{display:flex;gap:6px;position:absolute;top:8px;left:8px}.btnAccion,.btnEditarEstado,.editarProducto{width:26px;height:26px;border-radius:50%;border:none;background:#f1f3f6;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;transition:0.2s}.btnAccion:hover,.btnEditarEstado:hover,.editarProducto:hover{background:#2E8B57;color:white}.btnCheck input{width:14px;height:14px}.estadoAcciones i{font-size:14px}.filtro-barra{margin:0 20px 16px;background:#fff;border-radius:14px;padding:12px 16px;box-shadow:0 2px 10px rgba(0,0,0,0.07);border:1px solid #f0f0f0;overflow:visible}.filtro-scroll{display:flex;gap:8px;overflow-x:auto;overflow-y:visible;scrollbar-width:none;padding:4px 2px 14px;align-items:center}.filtro-scroll::-webkit-scrollbar{display:none}.filtro-chip{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:20px;border:1.5px solid #e5e7eb;background:#f9fafb;color:#374151;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.2s ease;white-space:nowrap}.filtro-chip:hover{border-color:#2E8B57;color:#2E8B57;background:#f0faf4}.filtro-chip.activo{background:#2E8B57;border-color:#2E8B57;color:#fff;box-shadow:0 3px 10px rgba(46,139,87,0.3)}.filtro-chip.activo .chip-count{background:rgba(255,255,255,0.25);color:#fff}.filtro-chip-all i{font-size:12px}.chip-count{background:#e5e7eb;color:#6b7280;font-size:11px;font-weight:700;padding:1px 7px;border-radius:20px;min-width:20px;text-align:center}.filtro-chip-wrap{position:relative;display:inline-flex;align-items:center;gap:0}.filtro-chip-expand{flex-shrink:0;width:28px;height:34px;border:1.5px solid #e5e7eb;border-left:none;border-radius:0 20px 20px 0;background:#f9fafb;color:#6b7280;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;margin-left:-2px}.filtro-chip-expand:hover{background:#f0faf4;color:#2E8B57;border-color:#2E8B57}.filtro-chip-wrap .filtro-chip{border-radius:20px 0 0 20px;border-right:none}.filtro-chip-wrap.abierto .filtro-chip-expand i{transform:rotate(180deg)}.filtro-chip-expand i{transition:transform 0.2s ease}.filtro-dropdown{position:fixed;min-width:220px;max-width:280px;max-height:280px;overflow-y:auto;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,0.15);z-index:99999;padding:8px 0;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity 0.18s ease,transform 0.18s ease;scrollbar-width:thin;scrollbar-color:#ddd transparent}.filtro-chip-wrap.abierto .filtro-dropdown{opacity:1;transform:translateY(0);pointer-events:auto}.filtro-dropdown-titulo{padding:8px 16px 6px;font-size:12px;font-weight:700;color:#2E8B57;text-transform:uppercase;letter-spacing:0.5px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #f0f0f0;margin:0 0 4px}.filtro-dropdown-item{display:flex;align-items:center;gap:4px;padding:7px 16px;font-size:13px;color:#374151;cursor:pointer;transition:background 0.15s ease,color 0.15s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filtro-dropdown-item i{font-size:18px;color:#d1d5db;flex-shrink:0}.filtro-dropdown-item:hover{background:#f0faf4;color:#2E8B57}.filtro-dropdown-item:hover i{color:#2E8B57}.CartaProducto{display:flex;gap:25px;flex-wrap:wrap;margin:0 35px 0 35px;max-height:1000px;overflow:hidden;transition:all 0.4s ease}.CartaProducto:not(.activo){max-height:0;opacity:0;padding:0}.CartaProducto.activo{max-height:2000px;opacity:1}.card-producto{width:230px;background:#fff;border-radius:16px;overflow:hidden;cursor:pointer;transition:transform 0.25s ease,box-shadow 0.25s ease;position:relative;box-shadow:0 2px 8px rgba(0,0,0,0.08);border:1px solid #f0f0f0}.card-producto:hover{transform:translateY(-6px);box-shadow:0 12px 28px rgba(0,0,0,0.14)}.slider-producto{position:relative;width:100%;height:200px;overflow:hidden;background:#f0f0f0}.slide-producto{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 0.8s ease-in-out}.slide-producto.active{opacity:1}.card-sin-imagen{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:40px;color:#ccc;background:#f8f8f8}.card-estado-badge{position:absolute;top:10px;left:10px;background:rgba(46,139,87,0.88);color:#fff;font-size:11px;font-weight:600;padding:3px 9px;border-radius:20px;letter-spacing:0.3px;backdrop-filter:blur(4px);z-index:5}.card-img-count{position:absolute;bottom:8px;right:10px;background:rgba(0,0,0,0.5);color:#fff;font-size:11px;padding:2px 8px;border-radius:20px;z-index:5;display:flex;align-items:center;gap:4px}.acciones-producto{position:absolute;top:8px;right:8px;display:flex;gap:6px;z-index:10;opacity:0;transform:translateY(-4px);transition:opacity 0.2s ease,transform 0.2s ease}.card-producto:hover .acciones-producto{opacity:1;transform:translateY(0)}.btn-accion{width:32px;height:32px;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:transform 0.15s ease,background 0.15s ease;backdrop-filter:blur(6px)}.btn-accion:hover{transform:scale(1.12)}.btn-editar{background:rgba(59,130,246,0.9);color:#fff}.btn-editar:hover{background:#2563eb}.btn-eliminar{background:rgba(239,68,68,0.9);color:#fff}.btn-eliminar:hover{background:#dc2626}.card-info{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px}.card-nombre{font-size:14px;font-weight:700;color:#1a1a1a;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-precio{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;font-size:18px;font-weight:800;color:#2E8B57;margin:0}.card-meta{display:flex;align-items:center;gap:10px;margin-top:2px}.card-ubicacion{font-size:12px;color:#888;display:flex;align-items:center;gap:4px}.card-ubicacion i{color:#f97316;font-size:12px}.flechaMostar i,.flechaToggle{transition:transform 0.3s ease;cursor:pointer}.rotar{transform:rotate(180deg)}.contenedor-imagenes{display:flex;gap:10px;flex-wrap:wrap}.img-detalle{width:120px;height:120px;object-fit:cover;border-radius:8px}.drop-zone-img{position:relative;border:2px dashed #2E8B57;border-radius:10px;padding:28px 16px;text-align:center;cursor:pointer;background:#f0faf4;transition:background .2s,border-color .2s;margin-bottom:10px}.drop-zone-img.drag-over{background:#d4edda;border-color:#1a5c38}.drop-zone-img input[type="file"]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.drop-zone-icon{font-size:2rem;color:#2E8B57;display:block;margin-bottom:6px}.drop-zone-img p{margin:0;color:#555;font-size:.9rem}.drop-zone-link{color:#2E8B57;font-weight:600;text-decoration:underline}#previewImagenes{display:flex;gap:10px;flex-wrap:wrap}.img-preview{position:relative}.img-preview img{width:100px;height:100px;object-fit:cover;border-radius:8px}.img-preview input{position:absolute;bottom:5px;left:5px}#sugerencias{list-style:none;padding:0;margin:0;border:1px solid #ccc;max-height:150px;overflow-y:auto}#sugerencias li{padding:8px;cursor:pointer}#sugerencias li:hover{background:#eee}.modal-contenidoImagenesProductos{background:#fff;width:90%;max-width:500px;overflow-y:scroll;height:500px;padding:25px;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,0.2);animation:aparecer 0.3s ease;display:flex;flex-direction:column;gap:15px}@keyframes aparecer{from{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.cerrarAddProduct{position:absolute;top:15px;right:20px;font-size:20px;cursor:pointer;color:#999;transition:0.2s}.cerrarAddProduct:hover{color:red;transform:scale(1.2)}#formProducto{display:flex;flex-direction:column;gap:12px}#formProducto input,#formProducto select,#formProducto textarea{padding:10px;border-radius:8px;border:1px solid #ccc;font-size:14px;outline:none;transition:0.2s}#formProducto input:focus,#formProducto select:focus,#formProducto textarea:focus{border-color:#4CAF50;box-shadow:0 0 5px rgba(76,175,80,0.4)}#formProducto textarea{resize:none;min-height:80px}.ubicacion-select{width:100%;padding:10px;border-radius:8px;border:1px solid #ccc;font-size:14px;outline:none;background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s}.ubicacion-select:focus{border-color:#2E8B57;box-shadow:0 0 5px rgba(46,139,87,.35)}.ubicacion-select:disabled{background:#f5f5f5;color:#aaa;cursor:not-allowed}.ubicacion-preview{margin:0;font-size:13px;color:#2E8B57;font-weight:600;background:#e8f5e9;border:1px solid #a5d6b0;border-radius:8px;padding:7px 12px}#selectCiudades{display:none}#previewImagenes{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.img-preview{position:relative;border-radius:10px;overflow:hidden;cursor:grab;border:2px solid transparent;transition:0.2s}.img-preview:hover{border-color:#4CAF50}.img-preview img{width:100%;height:80px;object-fit:cover}.img-preview span{position:absolute;bottom:5px;right:5px;background:rgba(0,0,0,0.6);color:#fff;font-size:12px;padding:2px 6px;border-radius:5px}#formProducto button{background:#4CAF50;color:white;border:none;padding:12px;border-radius:8px;cursor:pointer;font-weight:bold;transition:0.2s}#formProducto button:hover{background:#45a049;transform:translateY(-2px)}@keyframes modal-in{from{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-vista-contenido{width:92vw;max-width:1020px;max-height:88vh;background:#fff;border-radius:20px;box-shadow:0 28px 80px rgba(0,0,0,.22);overflow:hidden;animation:modal-in .28s cubic-bezier(.34,1.1,.64,1);position:relative;display:flex;flex-direction:column;padding:0}.modal-vista-contenido .cerrar{position:absolute;top:12px;right:12px;z-index:20;width:36px;height:36px;background:rgba(255,255,255,.95);border:1.5px solid #e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.12);transition:background .18s,transform .18s,box-shadow .18s;font-size:14px;color:#374151}.modal-vista-contenido .cerrar:hover{background:#fff1f2;transform:scale(1.08);box-shadow:0 4px 18px rgba(0,0,0,.18);color:#ef4444;border-color:#fecaca}.vista-container{display:grid;grid-template-columns:86px 1fr 300px;grid-template-rows:1fr;grid-template-areas:"minis imagen info";flex:1;min-height:300px;overflow:hidden}.miniaturas{grid-area:minis;background:#f8fafc;padding:14px 9px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;overflow-x:hidden;border-right:1px solid #f1f5f9}.miniaturas::-webkit-scrollbar{width:3px}.miniaturas::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.miniaturas img{width:68px;height:68px;object-fit:cover;border-radius:10px;cursor:pointer;border:2.5px solid transparent;flex-shrink:0;transition:border-color .2s,transform .18s,box-shadow .2s;background:#e2e8f0}.miniaturas img:hover{border-color:#2E8B57;transform:scale(1.05)}.miniaturas img.miniatura-activa{border-color:#2E8B57;box-shadow:0 0 0 3px rgba(46,139,87,.18)}.imagen-grande{grid-area:imagen;background:linear-gradient(145deg,#f1f5f9,#e8edf5);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.imagen-grande img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;transform-origin:center center;will-change:transform;user-select:none;-webkit-user-drag:none}.zoom-hint{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.52);color:#fff;font-size:11.5px;font-weight:600;padding:4px 12px;border-radius:20px;pointer-events:none;white-space:nowrap;letter-spacing:.3px;transition:opacity .3s;z-index:5}.zoom-hint.oculto{opacity:0}.zoom-reset-btn{position:absolute;top:10px;left:10px;z-index:10;background:rgba(255,255,255,.9);border:1.5px solid #e5e7eb;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:600;color:#374151;cursor:pointer;display:none;align-items:center;gap:5px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:background .18s}.zoom-reset-btn:hover{background:#fff}.zoom-reset-btn.visible{display:inline-flex}.info-producto{grid-area:info;padding:24px 20px;display:flex;flex-direction:column;gap:0;overflow-y:auto;overflow-x:hidden;border-left:1px solid #f1f5f9;background:#fff;min-width:0}.info-producto::-webkit-scrollbar{width:3px}.info-producto::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.info-producto{flex-direction:column}.det-nombre{order:1}.det-pills{order:2}.det-sep{order:3}.det-precio-wrap{order:4}.det-fila-meta{order:5}.det-desc-bloque{order:6}.det-acciones{order:7}.det-nombre{font-size:20px;font-weight:800;color:#111827;line-height:1.35;margin:0 0 6px;letter-spacing:-.3px}.det-precio{font-size:30px;font-weight:900;color:#059669;letter-spacing:-.5px;line-height:1.1;margin:0 0 14px}.det-fila-meta{display:flex;flex-direction:column;align-items:flex-start;gap:3px;margin-bottom:16px}.det-badge-estado{background:none;padding:0;border-radius:0;font-size:14px;font-weight:400;color:#374151;letter-spacing:0}.det-badge-nuevo{color:#15803d}.det-badge-usado{color:#92400e}.det-badge-vendido{color:#b91c1c}.det-ubicacion{display:flex;align-items:center;gap:0;font-size:14px;color:#374151;font-weight:400}.det-ubicacion i{display:none}.det-sep{height:1px;background:#f1f5f9;margin-bottom:14px}.det-desc-bloque{margin-bottom:18px}.det-desc-label{display:none}.det-desc{font-size:13.5px;color:#4b5563;line-height:1.75;max-height:130px;overflow-y:auto;white-space:pre-wrap}.det-desc::-webkit-scrollbar{width:3px}.det-desc::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.precio{font-size:32px;font-weight:900;background:linear-gradient(135deg,#059669,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 14px;letter-spacing:-.5px;line-height:1.1}.descripcion{font-size:13.5px;color:#4b5563;line-height:1.75;max-height:130px;overflow-y:auto;padding:14px 0;border-top:1px solid #f1f5f9;margin:6px 0 20px}.descripcion::-webkit-scrollbar{width:3px}.descripcion::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.btn-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(135deg,#25d366,#1ebe5d);color:#fff;padding:13px 20px;border-radius:12px;font-size:14.5px;font-weight:700;text-decoration:none;margin-top:auto;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 4px 16px rgba(37,211,102,.35);letter-spacing:.1px}.btn-whatsapp i{font-size:18px}.btn-whatsapp:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(37,211,102,.45);color:#fff;opacity:.94}@media (max-width:820px){.modal-vista-contenido{width:97vw;max-height:94vh;border-radius:16px}.vista-container{display:flex !important;flex-direction:column !important;overflow-y:auto;overflow-x:hidden;min-height:0;grid-template-areas:none}.imagen-grande{order:1;grid-area:unset;min-height:180px;max-height:50vw;flex-shrink:0}.imagen-grande img{max-height:50vw;object-fit:contain}.miniaturas{order:2;grid-area:unset;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:10px 14px;border-right:none;border-bottom:1px solid #f1f5f9;flex-shrink:0;gap:8px}.miniaturas img{width:62px;height:62px;flex-shrink:0}.info-producto{order:3;grid-area:unset;padding:18px 16px 24px;overflow-y:visible;flex-shrink:0}.det-precio{font-size:24px}.det-nombre{font-size:22px}}.download{display:flex;justify-content:center;margin-right:5px}.download a{font-size:30px;transition:all 0.3s ease}.download a:hover{transform:translateY(-2px) scale(1.05);color:#1f4d14}.nameCatArriba{margin-top:20px;margin-bottom:8px}.nameCatArriba h2{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:#111827;margin:0 12px 0 12px;background:#ffffff;padding:12px 16px;border-radius:12px;border:1px solid #e5e7eb;cursor:pointer;transition:all 0.3s ease}.nameCatArriba h2:hover{background:#f9fafb;transform:translateX(5px);box-shadow:0 6px 12px rgba(0,0,0,0.05)}.flechaToggle{font-size:14px;color:#6b7280;transition:transform 0.3s ease,color 0.3s ease}.flechaToggle.rotar{transform:rotate(180deg);color:#2563eb}.nameCatArriba h2 span{font-size:13px;color:#6b7280;font-weight:400}.overlay{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.5);top:0;left:0;display:none}.overlay.activo{display:block}.dash-header{padding:24px 30px 4px}.dash-header h1{color:#2E6B1F;font-size:26px;margin:0}.dash-header p{color:#888;font-size:14px;margin:4px 0 0}.dash-stats{display:flex;flex-wrap:wrap;gap:16px;padding:20px 30px}.stat-card{flex:1 1 160px;display:flex;align-items:center;gap:16px;background:#fff;border-radius:14px;padding:20px 22px;box-shadow:0 2px 10px rgba(0,0,0,0.07);transition:transform 0.25s ease,box-shadow 0.25s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,0.12)}.stat-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.stat-green .stat-icon{background:#e8f5e9;color:#2E8B57}.stat-blue .stat-icon{background:#e3f0ff;color:#3b82f6}.stat-orange .stat-icon{background:#fff3e0;color:#f97316}.stat-purple .stat-icon{background:#f3e8ff;color:#8b5cf6}.stat-red .stat-icon{background:#fce8e8;color:#ef4444}.stat-info{display:flex;flex-direction:column}.stat-num{font-size:32px;font-weight:700;color:#1a1a1a;line-height:1}.stat-label{font-size:13px;color:#777;margin-top:4px}.dash-charts{display:flex;flex-wrap:wrap;gap:20px;padding:0 30px 20px}.chart-card{flex:1 1 280px;background:#fff;border-radius:14px;padding:22px;box-shadow:0 2px 10px rgba(0,0,0,0.07)}.chart-card h3{color:#2E6B1F;font-size:15px;margin:0 0 16px;display:flex;align-items:center;gap:8px}.dash-section{margin:0 30px 24px;background:#fff;border-radius:14px;padding:22px;box-shadow:0 2px 10px rgba(0,0,0,0.07)}.dash-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.dash-section-header h3{color:#2E6B1F;font-size:15px;margin:0;display:flex;align-items:center;gap:8px}.dash-link{font-size:13px;color:#3b82f6;font-weight:600;text-decoration:none}.dash-link:hover{text-decoration:underline}.vis-badge{font-size:11px;background:#e8f5e9;color:#2E8B57;border:1px solid #b9dfc5;border-radius:20px;padding:2px 10px;font-weight:600}.vis-stats{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.vis-card{flex:1 1 130px;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;background:#f8fafc;border:1px solid #e9eef3}.vis-icon{font-size:22px;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.vis-today .vis-icon{background:#dcfce7;color:#16a34a}.vis-unique .vis-icon{background:#dbeafe;color:#2563eb}.vis-week .vis-icon{background:#fef3c7;color:#d97706}.vis-month .vis-icon{background:#ede9fe;color:#7c3aed}.vis-total .vis-icon{background:#ffe4e6;color:#dc2626}.vis-info{display:flex;flex-direction:column}.vis-num{font-size:22px;font-weight:700;color:#1e293b;line-height:1}.vis-label{font-size:11px;color:#64748b;margin-top:3px}.vis-chart-wrap{max-height:260px}.dash-table-wrap{overflow-x:auto}.dash-table{width:100%;border-collapse:collapse;font-size:14px}.dash-table th{background:#f8f9fa;color:#555;font-weight:600;padding:10px 14px;text-align:left;border-bottom:2px solid #eee}.dash-table td{padding:10px 14px;border-bottom:1px solid #f0f0f0;color:#333;vertical-align:middle}.dash-table tr:last-child td{border-bottom:none}.dash-table tr:hover td{background:#f9fafb}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600}.badge-green{background:#e8f5e9;color:#2E8B57}.badge-blue{background:#e3f0ff;color:#3b82f6}.badge-red{background:#fee2e2;color:#dc2626}.config-grid{display:flex;flex-wrap:wrap;gap:16px}.config-card{flex:1 1 320px;display:flex;gap:16px;align-items:flex-start;background:#f8f9fa;border-radius:12px;padding:20px;border:1px solid #eee}.config-card-icon{width:46px;height:46px;background:#e8f5e9;color:#25D366;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.config-card-body{flex:1;display:flex;flex-direction:column;gap:6px}.config-card-body label{font-weight:700;font-size:14px;color:#222}.config-hint{font-size:12px;color:#888;margin:0}.config-input-row{display:flex;gap:8px;margin-top:4px}.config-input-row input{flex:1;padding:9px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;transition:0.2s}.config-input-row input:focus{border-color:#2E8B57;box-shadow:0 0 0 3px rgba(46,139,87,0.12)}.config-btn{background:#2E8B57;color:white;border:none;padding:9px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:0.2s;white-space:nowrap}.config-btn:hover{background:#256f47;transform:translateY(-1px)}.config-msg{font-size:13px;min-height:20px}.msg-ok{color:#2E8B57;display:flex;align-items:center;gap:5px}.msg-err{color:#ef4444;display:flex;align-items:center;gap:5px}@media (max-width:768px){.dash-stats,.dash-charts{padding-left:16px;padding-right:16px}.dash-section{margin-left:16px;margin-right:16px}.dash-header{padding-left:16px;padding-right:16px}.stat-card{flex:1 1 140px;padding:14px}.stat-num{font-size:26px}}.modal-import{background:#fff;border-radius:20px;padding:36px 32px 28px;width:100%;max-width:460px;position:relative;animation:aparecer 0.25s ease;box-shadow:0 20px 50px rgba(0,0,0,0.18)}.modal-import-cerrar{position:absolute;top:14px;right:18px;background:#f4f4f4;border:none;width:32px;height:32px;border-radius:50%;font-size:18px;line-height:1;cursor:pointer;color:#555;display:flex;align-items:center;justify-content:center;transition:background 0.2s,color 0.2s}.modal-import-cerrar:hover{background:#fee2e2;color:#dc2626}.modal-import-header{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:24px;text-align:center}.modal-import-icon{width:64px;height:64px;background:linear-gradient(135deg,#e8f5e9,#d1fae5);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:32px;color:#217346;box-shadow:0 4px 12px rgba(33,115,70,0.2)}.modal-import-header h2{font-size:20px;font-weight:700;color:#111827;margin:0}.modal-import-header p{font-size:13px;color:#6b7280;margin:0}.dropzone{display:flex;flex-direction:column;align-items:center;gap:6px;border:2px dashed #d1d5db;border-radius:14px;padding:28px 20px;cursor:pointer;transition:border-color 0.2s ease,background 0.2s ease;background:#fafafa;margin-bottom:14px;text-align:center}.dropzone:hover,.dropzone.dropzone-drag{border-color:#2E8B57;background:#f0faf4}.dropzone.dropzone-activo{border-color:#2E8B57;background:#f0faf4}.dropzone-icon{font-size:36px;color:#9ca3af;transition:color 0.2s}.dropzone:hover .dropzone-icon,.dropzone.dropzone-drag .dropzone-icon,.dropzone.dropzone-activo .dropzone-icon{color:#2E8B57}.dropzone-texto{font-size:14px;font-weight:600;color:#374151}.dropzone-sub{font-size:12px;color:#9ca3af}.dropzone-nombre{font-size:12px;font-weight:600;color:#2E8B57;background:#e8f5e9;padding:3px 12px;border-radius:20px;margin-top:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-import-plantilla{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;color:#3b82f6;font-weight:600;text-decoration:none;margin-bottom:16px;transition:color 0.2s}.modal-import-plantilla:hover{color:#1d4ed8;text-decoration:underline}.modal-import-btn{width:100%;padding:12px;background:linear-gradient(135deg,#2E8B57,#1f6b40);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity 0.2s,transform 0.15s}.modal-import-btn:hover:not(:disabled){opacity:0.92;transform:translateY(-1px)}.modal-import-btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}.modal-import-resultado{margin-top:16px}.import-stats{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.import-ok,.import-err{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;padding:8px 16px;border-radius:10px}.import-ok{background:#e8f5e9;color:#2E8B57}.import-err{background:#fce8e8;color:#dc2626}.import-errores{margin:12px 0 0;padding:12px 16px;background:#fff7f7;border:1px solid #fecaca;border-radius:10px;list-style:none;max-height:140px;overflow-y:auto;font-size:12px;color:#dc2626}.import-errores li{padding:3px 0;border-bottom:1px solid #fecaca}.import-errores li:last-child{border-bottom:none}.import-fatal{text-align:center;color:#dc2626;font-size:13px;font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}.spin{display:inline-block;animation:spin 0.7s linear infinite}.import-paso-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#374151;margin-bottom:8px}.import-paso-num{width:22px;height:22px;border-radius:50%;background:#4472C4;color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.import-paso-num-img{background:#217346}.import-opcional{font-weight:400;font-size:11px;color:#9ca3af;margin-left:2px}.import-tip{font-size:12px;color:#6b7280;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:8px 12px;margin-bottom:10px;line-height:1.5}.import-tip i{color:#16a34a;margin-right:4px}.dropzone-img:hover,.dropzone-img.dropzone-drag{border-color:#217346;background:#f0faf4}.dropzone-img.dropzone-activo{border-color:#217346;background:#f0faf4}.dropzone-img:hover .dropzone-icon,.dropzone-img.dropzone-drag .dropzone-icon,.dropzone-img.dropzone-activo .dropzone-icon{color:#217346}.import-img-lista{max-height:130px;overflow-y:auto;margin-bottom:8px;display:flex;flex-direction:column;gap:4px}.import-img-item{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:6px 10px;font-size:12px}.import-img-item i{color:#217346;font-size:14px;flex-shrink:0}.import-img-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#374151}.import-img-remove{background:none;border:none;color:#9ca3af;font-size:16px;line-height:1;cursor:pointer;padding:0 2px;flex-shrink:0;transition:color 0.15s}.import-img-remove:hover{color:#dc2626}.import-warns{margin:8px 0 0;padding:10px 14px;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;list-style:none;max-height:120px;overflow-y:auto;font-size:12px;color:#92400e}.import-warns li{padding:3px 0;border-bottom:1px solid #fde68a}.import-warns li:last-child{border-bottom:none}.import-warns i{margin-right:4px;color:#d97706}.modal-import{max-width:500px;max-height:92vh;overflow-y:auto}.pub-head{padding:0 28px;min-height:68px}.pub-bienvenida{display:flex;flex-direction:column;line-height:1.3}.pub-saludo{font-size:15px;font-weight:800;color:#1a3d12;letter-spacing:-0.2px}.pub-slogan{font-size:11px;color:#9ca3af;font-weight:500;display:flex;align-items:center;gap:4px}.pub-slogan i{color:#f97316;font-size:11px}.pub-head-acciones{display:flex;align-items:center;gap:10px;margin-left:auto}.pub-head-wa{display:flex;align-items:center;gap:7px;padding:8px 16px;border-radius:50px;background:#f0fdf4;color:#16a34a;font-size:13px;font-weight:700;text-decoration:none;border:1.5px solid #bbf7d0;transition:background 0.2s,border-color 0.2s}.pub-head-wa:hover{background:#dcfce7;border-color:#4ade80;color:#15803d}.pub-head-wa i{font-size:16px}.btn-login-header{display:flex;align-items:center;gap:8px;padding:9px 20px;border-radius:50px;border:none;background:linear-gradient(135deg,#1a4d14,#2E8B57);color:#fff;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px rgba(46,139,87,0.35);transition:transform 0.2s ease,box-shadow 0.2s ease,opacity 0.2s}.btn-login-header:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(46,139,87,0.45);opacity:0.92}.btn-login-header:active{transform:scale(0.97)}.btn-login-header i{font-size:16px}.modal-login-contenido{background:#fff;border-radius:22px;width:420px;max-width:94vw;position:relative;box-shadow:0 24px 70px rgba(0,0,0,0.22);animation:aparecer 0.28s cubic-bezier(0.34,1.56,0.64,1);overflow:hidden}.modal-login-banner{background:linear-gradient(135deg,#0f2d0a 0%,#1f6b40 60%,#2E8B57 100%);height:110px;display:flex;align-items:center;justify-content:center;position:relative}.modal-login-banner::after{content:'';position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);width:44px;height:44px;background:#fff;border-radius:50%}.modal-login-banner-icon{width:64px;height:64px;border-radius:18px;background:rgba(255,255,255,0.18);backdrop-filter:blur(8px);border:1.5px solid rgba(255,255,255,0.3);display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;position:relative;z-index:1}.modal-login-cerrar{position:absolute;top:10px;right:12px;background:rgba(255,255,255,0.15);border:none;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;color:rgba(255,255,255,0.85);transition:background 0.2s,color 0.2s;z-index:2}.modal-login-cerrar:hover{background:rgba(255,255,255,0.3);color:#fff}.modal-login-body{padding:36px 32px 28px;text-align:center}.modal-login-titulo{font-size:22px;font-weight:800;color:#111827;margin:0 0 5px}.modal-login-sub{font-size:13px;color:#9ca3af;margin:0 0 24px}.modal-login-form{display:flex;flex-direction:column;gap:14px;text-align:left}.login-group{display:flex;flex-direction:column;gap:6px}.login-label{font-size:12px;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:0.5px}.login-field{display:flex;align-items:center;gap:10px;border:1.5px solid #e5e7eb;border-radius:12px;padding:12px 14px;transition:border-color 0.2s,box-shadow 0.2s,background 0.2s;background:#f9fafb}.login-field:focus-within{border-color:#2E8B57;box-shadow:0 0 0 3px rgba(46,139,87,0.13);background:#fff}.login-field>i{color:#9ca3af;font-size:16px;flex-shrink:0}.login-field:focus-within>i{color:#2E8B57}.login-field input{flex:1;border:none;outline:none;background:transparent;font-size:14.5px;color:#111827;min-width:0}.login-field input::placeholder{color:#c4cad4}.login-toggle-pass{background:none;border:none;cursor:pointer;color:#9ca3af;font-size:16px;padding:0;display:flex;align-items:center;transition:color 0.2s}.login-toggle-pass:hover{color:#2E8B57}.login-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:10px;padding:10px 14px;font-size:13px;display:flex;align-items:center;gap:8px}.btn-login-submit{display:flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(135deg,#1a4d14,#2E8B57);color:#fff;border:none;padding:14px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 6px 18px rgba(46,139,87,0.35);transition:opacity 0.2s,transform 0.2s,box-shadow 0.2s;margin-top:4px}.btn-login-submit:hover{opacity:0.92;transform:translateY(-1px);box-shadow:0 10px 24px rgba(46,139,87,0.42)}.btn-login-submit:disabled{opacity:0.55;cursor:not-allowed;transform:none;box-shadow:none}.modal-login-nota{font-size:12px;color:#adb5bd;margin:18px 0 0;display:flex;align-items:flex-start;gap:6px;text-align:left;line-height:1.5}.modal-login-nota i{color:#6b7280;font-size:13px;flex-shrink:0;margin-top:1px}.login-ok{display:flex;align-items:center;gap:8px;background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0;border-radius:8px;padding:10px 14px;font-size:13.5px;font-weight:600;margin-top:8px}.reset-link{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:#2E8B57;font-size:13px;font-weight:600;cursor:pointer;padding:8px 0 4px;margin-top:4px;transition:color .18s;text-decoration:underline;text-underline-offset:3px}.reset-link:hover{color:#1a6b3c}.reset-step-icon{width:62px;height:62px;border-radius:18px;background:linear-gradient(135deg,#0f2d0a,#2E8B57);display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;margin:0 auto 16px;box-shadow:0 6px 20px rgba(46,139,87,.35)}.reset-step-icon-amber{background:linear-gradient(135deg,#b45309,#f59e0b);box-shadow:0 6px 20px rgba(245,158,11,.35)}.reset-step-icon-green{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 6px 20px rgba(16,185,129,.35)}.codigo-grid{display:flex;gap:9px;justify-content:center;margin:20px 0 8px}.codigo-digit{width:46px;height:54px;border:2px solid #e2e8f0;border-radius:10px;text-align:center;font-size:24px;font-weight:800;color:#111827;background:#f8fafc;outline:none;transition:border-color .2s,box-shadow .2s,background .2s;caret-color:#2E8B57;-moz-appearance:textfield;appearance:textfield}.codigo-digit:focus{border-color:#2E8B57;box-shadow:0 0 0 3px rgba(46,139,87,.15);background:#fff}.codigo-digit-error{border-color:#ef4444 !important;background:#fef2f2 !important;animation:shake-digit .35s ease}@keyframes shake-digit{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.reset-timer{font-size:13px;color:#9ca3af;margin:0 0 14px;text-align:center}.reset-timer strong{color:#374151}.reset-volver{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:#6b7280;font-size:13px;font-weight:600;cursor:pointer;padding:8px 0 0;margin-top:4px;transition:color .18s;text-decoration:underline;text-underline-offset:3px}.reset-volver:hover{color:#374151}.pass-strength-wrap{height:4px;background:#e2e8f0;border-radius:4px;margin:8px 0 4px;overflow:hidden}.pass-strength-bar{height:100%;width:0;border-radius:4px;transition:width .35s ease,background .35s ease}.pass-strength-label{font-size:11.5px;font-weight:700;margin:0 0 12px;min-height:16px;text-align:right}.pub-hero{background:linear-gradient(135deg,#071a04 0%,#0f3d1f 45%,#1a6b3c 80%,#2E8B57 100%);padding:64px 32px 56px;text-align:center;color:#fff;position:relative;overflow:hidden}.pub-hero-blob{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none}.pub-hero-blob1{width:350px;height:350px;background:rgba(46,139,87,0.3);top:-80px;left:-80px}.pub-hero-blob2{width:280px;height:280px;background:rgba(134,239,172,0.12);bottom:-60px;right:-40px}.pub-hero-inner{position:relative;z-index:1;max-width:660px;margin:0 auto}.pub-hero-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.22);backdrop-filter:blur(6px);padding:6px 16px;border-radius:50px;font-size:12px;font-weight:700;color:#86efac;margin-bottom:18px;letter-spacing:0.3px}.pub-hero-badge i{font-size:13px;color:#fbbf24}.pub-hero-texto{margin-bottom:32px}.pub-hero-texto h1{font-size:clamp(28px,5.5vw,50px);font-weight:900;margin:0 0 12px;line-height:1.12;letter-spacing:-1px}.pub-hero-texto h1 span{color:#86efac;display:inline-block}.pub-hero-texto p{font-size:16px;color:rgba(255,255,255,0.68);margin:0;font-weight:400}.pub-search-bar{display:flex;align-items:stretch;max-width:580px;margin:0 auto;border-radius:16px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,0.28);background:#fff}.pub-search-inner{display:flex;align-items:center;flex:1;padding:0 16px;gap:10px}.pub-search-inner i{font-size:18px;color:#9ca3af;flex-shrink:0}.pub-search-bar input{flex:1;border:none;outline:none;padding:18px 0;font-size:15px;color:#111827;background:transparent;min-width:0}.pub-search-bar input::placeholder{color:#c4cad4}.pub-search-bar button{background:linear-gradient(135deg,#1a4d14,#2E8B57);color:#fff;border:none;padding:0 28px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:opacity 0.2s;white-space:nowrap;flex-shrink:0}.pub-search-bar button:hover{opacity:0.88}.pub-hero-stats{display:flex;align-items:center;justify-content:center;gap:0;margin-top:28px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.14);backdrop-filter:blur(8px);border-radius:50px;width:fit-content;margin-left:auto;margin-right:auto;padding:0 6px;overflow:hidden}.pub-stat{display:flex;flex-direction:column;align-items:center;padding:10px 24px}.pub-stat strong{font-size:20px;font-weight:900;color:#fff;line-height:1}.pub-stat span{font-size:11px;color:rgba(255,255,255,0.6);margin-top:2px;text-transform:uppercase;letter-spacing:0.5px}.pub-stat-sep{width:1px;height:32px;background:rgba(255,255,255,0.18)}.pub-search-resultado{margin-top:14px;font-size:13.5px;color:rgba(255,255,255,0.75);position:relative}.pub-search-resultado a{color:#86efac;margin-left:10px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:4px}.pub-search-resultado a:hover{text-decoration:underline}.pub-empty{text-align:center;padding:80px 20px;color:#9ca3af}.pub-empty i{font-size:56px;display:block;margin-bottom:16px;color:#d1d5db}.pub-empty p{font-size:17px;margin:0 0 14px}.pub-empty a{color:#2E8B57;font-weight:700;text-decoration:none}.card-wa-btn{display:flex;align-items:center;justify-content:center;gap:7px;background:#25d366;color:#fff;border-radius:8px;padding:9px 12px;font-size:13px;font-weight:700;text-decoration:none;margin-top:4px;transition:background 0.2s ease,transform 0.2s ease}.card-wa-btn:hover{background:#1ebe5d;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,211,102,0.4)}.card-wa-btn i{font-size:16px}.card-oferta-badge-pub{position:absolute;bottom:46px;left:8px;z-index:4;background:linear-gradient(135deg,#f97316,#dc2626);color:#fff;font-size:10.5px;font-weight:800;padding:4px 9px;border-radius:20px;display:inline-flex;align-items:center;gap:4px;letter-spacing:.4px;text-transform:uppercase;box-shadow:0 3px 8px rgba(239,68,68,.45);animation:pulseBadge 2.4s ease-in-out infinite}@keyframes pulseBadge{0%,100%{box-shadow:0 3px 8px rgba(239,68,68,.45)}50%{box-shadow:0 3px 14px rgba(239,68,68,.75)}}.card-precio-oferta{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.precio-original{text-decoration:line-through;color:#94a3b8;font-size:13px;font-weight:500}.precio-descuento{color:#ea580c;font-size:16px;font-weight:800}.card-precio-tachado{text-decoration:line-through;color:#94a3b8;font-size:13px;font-weight:500}.card-precio-descuento{color:#ea580c;font-size:18px;font-weight:800}.wa-flotante{position:fixed;bottom:28px;right:28px;background:#25d366;color:#fff;border-radius:50px;padding:14px 20px 14px 16px;display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;text-decoration:none;box-shadow:0 8px 28px rgba(37,211,102,0.45);z-index:9000;transition:transform 0.25s ease,box-shadow 0.25s ease;animation:waPulse 2.4s ease-in-out infinite}.wa-flotante i{font-size:26px}.wa-flotante-texto{font-size:13px;white-space:nowrap}.wa-flotante:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 14px 36px rgba(37,211,102,0.55);animation:none}@keyframes waPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}.pub-modal-vista{max-width:900px}.card-pub .acciones-producto{display:none !important}.pub-wa-detalle{color:#fff !important}.accion-danger{color:#ffff !important}.accion-danger i{color:#fff !important}.accion-danger:hover{background:#fef2f2 !important;color:#b91c1c !important}.seleccion-barra{pointer-events:none;opacity:0;max-height:0;padding:0 20px;overflow:hidden;transform:translateY(-8px) scaleY(0.95);transform-origin:top center;transition:opacity 0.28s ease,transform 0.3s cubic-bezier(0.4,0,0.2,1),max-height 0.35s cubic-bezier(0.4,0,0.2,1),padding 0.3s ease;margin:0;position:sticky;top:72px;z-index:490}.seleccion-barra.visible{pointer-events:auto;opacity:1;max-height:200px;padding:12px 20px;transform:translateY(0) scaleY(1)}.seleccion-barra-inner{background:linear-gradient(135deg,#0f2d0a 0%,#1a4d20 55%,#1e6b38 100%);border-radius:16px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;box-shadow:0 6px 24px rgba(0,0,0,0.18);border:1px solid rgba(255,255,255,0.08)}.seleccion-info{display:flex;align-items:center;gap:12px}.seleccion-icon-wrap{width:40px;height:40px;border-radius:11px;background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.18);display:flex;align-items:center;justify-content:center;font-size:20px;color:#86efac;flex-shrink:0}.seleccion-texto{display:flex;flex-direction:column;line-height:1.3}.seleccion-titulo{font-size:13px;font-weight:800;color:#fff;letter-spacing:0.2px}.seleccion-sub{font-size:12px;color:rgba(255,255,255,0.55);font-weight:500}.seleccion-acciones{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.seleccion-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;border:none;font-size:13px;font-weight:700;cursor:pointer;transition:background 0.18s ease,transform 0.15s ease,box-shadow 0.18s ease,opacity 0.18s;white-space:nowrap;letter-spacing:0.1px}.seleccion-btn i{font-size:14px}.seleccion-btn:hover{transform:translateY(-2px)}.seleccion-btn:active{transform:scale(0.97)}.seleccion-btn:disabled{opacity:0.35;cursor:not-allowed;transform:none !important;box-shadow:none !important}.seleccion-btn-todo{background:rgba(255,255,255,0.12);color:#e2e8f0;border:1px solid rgba(255,255,255,0.15)}.seleccion-btn-todo:hover{background:rgba(255,255,255,0.2)}.seleccion-btn-ninguna{background:rgba(255,255,255,0.07);color:#e2e8f0;border:1px solid rgba(255,255,255,0.1)}.seleccion-btn-ninguna:hover{background:rgba(255,255,255,0.13)}.seleccion-btn-eliminar{background:#dc2626;color:#fff;box-shadow:0 4px 14px rgba(220,38,38,0.45);border:none}.seleccion-btn-eliminar:hover{background:#b91c1c;box-shadow:0 6px 20px rgba(220,38,38,0.55)}.seleccion-btn-cancelar{background:rgba(255,255,255,0.06);color:#e2e8f0;border:1px solid rgba(255,255,255,0.1)}.seleccion-btn-cancelar:hover{background:rgba(255,255,255,0.12);color:#e2e8f0}.cat-checkbox-wrap{position:absolute;top:10px;left:10px;z-index:20;cursor:pointer;opacity:0;pointer-events:none;transition:opacity 0.22s ease,transform 0.22s ease;transform:scale(0.7)}.modo-seleccion .cat-checkbox-wrap{opacity:1;pointer-events:auto;transform:scale(1)}.cat-checkbox{display:none}.cat-checkbox-custom{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,0.92);border:2.5px solid rgba(255,255,255,0.9);box-shadow:0 2px 10px rgba(0,0,0,0.25),inset 0 1px 0 rgba(255,255,255,0.5);display:flex;align-items:center;justify-content:center;font-size:16px;color:transparent;transition:background 0.2s ease,border-color 0.2s ease,color 0.2s ease,box-shadow 0.2s ease,transform 0.2s cubic-bezier(0.34,1.56,0.64,1);backdrop-filter:blur(6px)}.cat-checkbox-wrap:hover .cat-checkbox-custom{border-color:#2E8B57;box-shadow:0 0 0 4px rgba(46,139,87,0.2),0 2px 10px rgba(0,0,0,0.2)}.cat-checkbox:checked + .cat-checkbox-custom,.prod-checkbox:checked + .cat-checkbox-custom{background:#2E8B57;border-color:#2E8B57;color:#fff;box-shadow:0 0 0 4px rgba(46,139,87,0.25),0 4px 12px rgba(46,139,87,0.4);transform:scale(1.12)}.card-categoria.cat-seleccionada{outline:3px solid #2E8B57;outline-offset:3px;transform:translateY(-5px) scale(1.02);box-shadow:0 12px 32px rgba(46,139,87,0.3)}.card-categoria.cat-seleccionada .card-img::after{content:'';position:absolute;inset:0;background:rgba(46,139,87,0.15);border-radius:inherit;pointer-events:none;z-index:1}.modo-seleccion .card-categoria{cursor:pointer}.card-categoria{transition:transform 0.25s ease,box-shadow 0.25s ease,outline 0.18s ease}.modal-confirm-contenido{background:#fff;border-radius:20px;padding:36px 32px 28px;width:400px;max-width:92vw;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,0.2);animation:aparecer 0.25s ease}.modal-confirm-icon{width:64px;height:64px;border-radius:50%;background:#fef2f2;border:2px solid #fecaca;display:flex;align-items:center;justify-content:center;font-size:28px;color:#dc2626;margin:0 auto 16px}.modal-confirm-titulo{font-size:20px;font-weight:800;color:#111827;margin:0 0 8px}.modal-confirm-sub{font-size:14px;color:#6b7280;margin:0 0 24px;line-height:1.6}.modal-confirm-botones{display:flex;gap:10px;justify-content:center}.modal-confirm-cancelar{flex:1;padding:12px;border-radius:10px;border:1.5px solid #e5e7eb;background:#f9fafb;color:#374151;font-size:14px;font-weight:700;cursor:pointer;transition:background 0.2s}.modal-confirm-cancelar:hover{background:#f3f4f6}.modal-confirm-eliminar{flex:1;padding:12px;border-radius:10px;border:none;background:#dc2626;color:#fff;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;box-shadow:0 4px 14px rgba(220,38,38,0.35);transition:opacity 0.2s,transform 0.15s}.modal-confirm-eliminar:hover{opacity:0.9;transform:translateY(-1px)}.modal-confirm-eliminar:disabled{opacity:0.5;cursor:not-allowed;transform:none}.prod-checkbox-wrap{position:absolute;top:10px;left:10px;z-index:20;cursor:pointer;opacity:0;pointer-events:none;transition:opacity 0.22s ease,transform 0.22s ease;transform:scale(0.7)}.modo-seleccion-prod .prod-checkbox-wrap{opacity:1;pointer-events:auto;transform:scale(1)}.prod-checkbox{display:none}.card-producto.prod-seleccionada{outline:3px solid #2E8B57;outline-offset:3px;transform:translateY(-5px) scale(1.02);box-shadow:0 12px 32px rgba(46,139,87,0.3)}.card-producto.prod-seleccionada .slider-producto::after{content:'';position:absolute;inset:0;background:rgba(46,139,87,0.15);pointer-events:none;z-index:6}.modo-seleccion-prod .card-producto{cursor:pointer}.estadoCard{position:relative;flex-shrink:0;min-width:150px;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:28px 16px 20px;background:#fff;border-radius:18px;border:1.5px solid #f0f0f0;box-shadow:0 2px 12px rgba(0,0,0,0.07);clip-path:none;cursor:pointer;transition:transform 0.28s cubic-bezier(0.34,1.2,0.64,1),box-shadow 0.28s ease,border-color 0.22s ease;overflow:hidden}.estadoCard:hover{transform:translateY(-6px);box-shadow:0 16px 36px rgba(0,0,0,0.13);border-color:#c8e6c9}.estadoCard.activo{background:linear-gradient(135deg,#1a4d14,#2E8B57);border-color:#2E8B57;box-shadow:0 12px 32px rgba(46,139,87,0.35)}.estadoCard.activo .estadoLetra{color:#fff}.estadoCard.activo .estadoNombre{color:rgba(255,255,255,0.88)}.estadoLetra{font-size:42px;font-weight:900;color:#2E8B57;line-height:1;letter-spacing:-1px;transition:color 0.2s}.estadoNombre{font-size:13px;font-weight:700;color:#374151;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px;transition:color 0.2s}.est-acciones{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;background:rgba(15,45,10,0.72);backdrop-filter:blur(4px);border-radius:17px;opacity:0;pointer-events:none;transition:opacity 0.22s ease}.estadoCard:hover .est-acciones{opacity:1;pointer-events:auto}.modo-seleccion-est .est-acciones{display:none}.est-btn{width:38px;height:38px;border-radius:11px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;text-decoration:none;transition:transform 0.18s cubic-bezier(0.34,1.56,0.64,1),background 0.15s}.est-btn:hover{transform:scale(1.18)}.est-btn-editar{background:rgba(46,139,87,0.9);color:#fff}.est-btn-eliminar{background:rgba(220,38,38,0.9);color:#fff}.est-btn-editar:hover{background:#2E8B57}.est-btn-eliminar:hover{background:#dc2626}.est-checkbox-wrap{position:absolute;top:8px;left:8px;z-index:20;cursor:pointer;opacity:0;pointer-events:none;transition:opacity 0.22s ease,transform 0.22s ease;transform:scale(0.7)}.modo-seleccion-est .est-checkbox-wrap{opacity:1;pointer-events:auto;transform:scale(1)}.est-checkbox{display:none}.est-checkbox:checked + .cat-checkbox-custom{background:#2E8B57;border-color:#2E8B57;color:#fff;box-shadow:0 0 0 4px rgba(46,139,87,0.25),0 4px 12px rgba(46,139,87,0.4);transform:scale(1.12)}.estadoCard.est-seleccionada{outline:3px solid #2E8B57;outline-offset:3px;transform:translateY(-5px) scale(1.04);box-shadow:0 12px 32px rgba(46,139,87,0.3)}.modo-seleccion-est .estadoCard{cursor:pointer}@media (max-width:1024px){.CartaProducto{margin:0 20px;gap:18px}.filtro-barra{margin:0 20px 14px}.dash-stats{padding:16px 20px}.dash-section{margin:0 20px}.dash-charts{padding:16px 20px}.dash-header{padding:20px 20px 4px}.pub-hero{padding:54px 28px 48px}}@media (max-width:768px){.head{padding:0 14px;gap:4px}.imagenlogo{height:52px}.imglogo{gap:10px}.main{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:6px 0;justify-content:flex-start;flex-basis:100%;order:3;border-top:1px solid #f0f4f0;gap:4px}.main::-webkit-scrollbar{display:none}.menu-card{padding:7px 12px;font-size:13px;flex-shrink:0}.menu-card h3{font-size:13px}.barraSuperior{flex-wrap:wrap;gap:8px}.buscarPanel,.filtrar{flex:1 1 0;min-width:0}.buscarPanel input{width:100%}.btnPanel{flex-shrink:0}.btn-agregar-barra{flex-shrink:0;font-size:13px;padding:8px 12px}.CartaProducto{display:grid;grid-template-columns:1fr 1fr;margin:0 12px;gap:10px}.card-producto{width:auto}.slider-producto{height:160px}.filtro-barra{margin:0 12px 12px;padding:10px 12px}.nameCatArriba h2{margin:0 4px;font-size:16px}.pub-head{padding:0 14px}.pub-head-acciones{gap:7px}.pub-head-wa span{display:none}.pub-head-wa{padding:8px 10px;gap:0}.btn-login-header span{display:none}.btn-login-header{padding:9px 14px}.wa-flotante{padding:15px;border-radius:50%;bottom:22px;right:18px;gap:0}.wa-flotante-texto{display:none}.wa-flotante i{font-size:28px}.pub-hero{padding:44px 20px 38px}.pub-search-bar{max-width:100%}.pub-search-bar input{padding:16px 0;font-size:14px}.pub-search-bar button{padding:0 20px;font-size:13px}.pub-stat{padding:8px 16px}.pub-stat strong{font-size:17px}.dash-stats{padding:14px 14px;gap:12px}.stat-card{flex:1 1 130px;padding:14px 14px;gap:12px}.stat-num{font-size:24px}.dash-section{margin:0 14px}.dash-header{padding:18px 14px 4px}.dash-charts{padding:14px 14px}.modal-import{max-width:94vw}.modal-mover{max-width:94vw}.footer-container{padding:28px 20px;gap:22px}}@media (max-width:640px){.head{padding:0 10px;min-height:56px}.imagenlogo{height:46px}.user-text{display:none}.user-info{padding:6px 10px}.CartaProducto{grid-template-columns:1fr 1fr;margin:0 8px;gap:8px}.card-producto{width:auto}.slider-producto{height:145px}.card-info{padding:8px 10px 10px;gap:4px}.card-nombre{font-size:12px}.card-precio{font-size:15px}.card-wa-btn{font-size:12px;padding:8px 10px}.card-meta{gap:6px}.contenedor-categorias{flex-wrap:wrap;overflow-x:visible;padding:12px 8px;gap:12px}.card-categoria{min-width:calc(50% - 6px);width:calc(50% - 6px)}.pub-hero{padding:36px 14px 30px}.pub-hero-texto h1{font-size:24px;letter-spacing:-0.5px}.pub-hero-texto p{font-size:14px}.pub-hero-badge{font-size:11px;padding:5px 12px;margin-bottom:14px}.pub-stat{padding:8px 12px}.pub-stat strong{font-size:15px}.pub-stat span{font-size:10px}.pub-search-btn-text{display:none}.pub-search-bar button{padding:0 18px}.modal-login-contenido{width:96vw;max-width:96vw;padding:0 0 20px;border-radius:20px}.modal-vista-contenido{width:99vw;border-radius:14px}.info-producto{padding:12px 14px 16px}.modal-import{width:96vw;max-width:96vw;padding:24px 16px 18px;border-radius:16px}.footer-container{gap:18px;padding:24px 14px}.seleccion-barra{top:62px}.seleccion-barra.visible{max-height:300px}}@media (max-width:480px){.menu-card{padding:6px 10px}.menu-card h3{font-size:12px}.menu-card .icon{font-size:14px}.filtro-chip{font-size:11px;padding:5px 10px}.filtro-barra{margin:0 8px 10px;padding:8px 10px}.nameCatArriba h2{margin:0 2px;font-size:14px;padding:10px 12px}.pub-hero{padding:28px 12px 24px}.pub-hero-texto h1{font-size:20px}.pub-hero-texto p{font-size:13px}.pub-hero-stats{border-radius:14px}.pub-stat{padding:7px 11px}.pub-stat-sep{height:22px}.pub-search-bar button{padding:0 14px}.stat-card{flex:1 1 120px}.modal-login-banner{padding:18px 14px;border-radius:0}.panelLateral{width:85vw;max-width:300px}.modal-import{padding:20px 14px 16px}.modal{padding:0 8px}.card-categoria{min-width:calc(50% - 9px);width:calc(50% - 9px)}.card-img{height:160px}.card-img img{height:160px}}@media (max-width:380px){.imagenlogo{height:40px}.head{padding:0 8px}.imglogo{gap:6px}.CartaProducto{grid-template-columns:1fr 1fr;margin:0 6px;gap:6px}.card-producto{width:auto}.slider-producto{height:125px}.card-nombre{font-size:11px}.card-precio{font-size:13px}.card-info{padding:6px 8px 8px;gap:3px}.pub-hero-texto h1{font-size:18px}.pub-hero-badge{display:none}.filtro-chip{font-size:11px;padding:5px 8px}}.inv-tabla-wrap{margin:0 30px 24px;background:#fff;border-radius:14px;padding:0;box-shadow:0 2px 10px rgba(0,0,0,0.07);overflow:hidden}.inv-tabla{width:100%;border-collapse:collapse;font-size:14px}.inv-tabla thead{background:#f1f5f9}.inv-tabla th{padding:14px 16px;text-align:left;font-weight:700;color:#374151;font-size:13px;border-bottom:2px solid #e2e8f0}.inv-tabla td{padding:12px 16px;border-bottom:1px solid #f1f5f9;color:#374151;vertical-align:middle}.inv-tabla tbody tr:last-child td{border-bottom:none}.inv-tabla tbody tr:hover{background:#f8fafc}.inv-nombre{font-weight:600;color:#1e293b}.inv-subcat{background:#e8f5e9;color:#2E6B1F;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600}.inv-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700}.inv-badge-ok{background:#dcfce7;color:#15803d}.inv-badge-out{background:#fee2e2;color:#dc2626}.inv-btn-items{display:inline-flex;align-items:center;gap:6px;background:#f1f5f9;border:1px solid #e2e8f0;color:#374151;padding:7px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background 0.2s}.inv-btn-items:hover{background:#e2e8f0}.inv-btn-agregar{display:inline-flex;align-items:center;gap:6px;background:#2E8B57;color:#fff;border:none;padding:9px 18px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:16px;transition:background 0.2s}.inv-btn-agregar:hover{background:#156001}.inv-items-wrap{overflow-x:auto}.inv-items-tabla{width:100%;border-collapse:collapse;font-size:14px}.inv-items-tabla th{background:#f8fafc;padding:10px 14px;text-align:left;font-size:12px;font-weight:700;color:#64748b;border-bottom:1px solid #e2e8f0}.inv-items-tabla td{padding:10px 14px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.inv-serie{font-family:monospace;font-size:13px;color:#1e293b}.inv-acciones-row{display:flex;gap:6px}.inv-btn-edit-item,.inv-btn-del-item{width:32px;height:32px;border:none;border-radius:8px;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center}.inv-btn-edit-item{background:#dbeafe;color:#2563eb}.inv-btn-del-item{background:#fee2e2;color:#dc2626}.inv-vacio{color:#94a3b8;text-align:center;padding:24px;font-size:14px}.inv-cargando{color:#94a3b8;padding:16px;font-size:14px}.card-estado-badge.badge-disponible{background:rgba(21,128,61,0.85);color:#fff}.card-estado-badge.badge-agotado{background:rgba(220,38,38,0.80);color:#fff}@media (max-width:768px){.inv-tabla-wrap{margin:0 14px 16px;border-radius:12px}.inv-tabla th,.inv-tabla td{padding:10px 12px;font-size:13px}.inv-tabla{min-width:480px}}#toast-container{position:fixed;bottom:28px;right:28px;z-index:9999;display:flex;flex-direction:column-reverse;gap:10px;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:12px;min-width:280px;max-width:380px;padding:14px 16px;border-radius:14px;box-shadow:0 8px 32px rgba(0,0,0,0.16);font-size:14px;font-weight:500;color:#fff;pointer-events:auto;cursor:pointer;opacity:0;transform:translateX(60px) scale(0.95);transition:opacity 0.3s ease,transform 0.3s cubic-bezier(0.34,1.56,0.64,1);line-height:1.4}.toast.toast-show{opacity:1;transform:translateX(0) scale(1)}.toast.toast-hide{opacity:0;transform:translateX(60px) scale(0.95);transition:opacity 0.25s ease,transform 0.25s ease}.toast-success{background:linear-gradient(135deg,#16a34a,#15803d)}.toast-error{background:linear-gradient(135deg,#dc2626,#b91c1c)}.toast-warning{background:linear-gradient(135deg,#d97706,#b45309)}.toast-info{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.toast-icon{font-size:18px;flex-shrink:0;margin-top:1px}.toast-body{flex:1}.toast-title{font-weight:700;font-size:13px;margin-bottom:2px;opacity:0.85;text-transform:uppercase;letter-spacing:0.4px}.toast-msg{font-size:14px}.toast-close{flex-shrink:0;font-size:16px;opacity:0.6;cursor:pointer;line-height:1;margin-top:1px}.toast-close:hover{opacity:1}.toast-progress{position:absolute;bottom:0;left:0;height:3px;border-radius:0 0 14px 14px;background:rgba(255,255,255,0.4);width:100%;transform-origin:left;animation:toast-progress-anim linear forwards}@keyframes toast-progress-anim{from{transform:scaleX(1)}to{transform:scaleX(0)}}.toast{position:relative;overflow:hidden}@media (max-width:480px){#toast-container{bottom:16px;right:12px;left:12px}.toast{min-width:unset;max-width:100%}}
.img-preview{position:relative;border-radius:10px;cursor:grab;border:2px solid transparent;transition:border-color .2s}.img-preview:hover{border-color:#4CAF50}.img-preview img{width:100%;height:80px;object-fit:cover;border-radius:8px;display:block}.img-preview span{position:absolute;bottom:5px;right:5px;background:rgba(0,0,0,.6);color:#fff;font-size:12px;padding:2px 6px;border-radius:5px;pointer-events:none}.eliminar-img{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;background:#e53935;color:#fff;border:2px solid #fff;font-size:11px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;z-index:10;transition:background .15s,transform .15s;box-shadow:0 1px 4px rgba(0,0,0,.25)}.eliminar-img:hover{background:#c62828;transform:scale(1.15)}