:root{--primario: #0e7c86;--fondo: #f4f6f8;--superficie: #ffffff;--borde: #dfe3e8;--texto: #1c2733;--suave: #5f6b7a;--error: #b42318;--error-fondo: #fef3f2;--aviso: #a15c07;--aviso-fondo: #fffaeb;--ok: #067647;--ok-fondo: #ecfdf3;--radio: 8px;--sombra: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .08);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;color:var(--texto);background:var(--fondo)}*{box-sizing:border-box}body{margin:0;background:var(--fondo)}h1,h2,h3,h4{margin:0;font-weight:600}a{color:var(--primario);text-decoration:none}small{color:var(--suave)}input,select,textarea,button{font:inherit;color:inherit}input,select,textarea{width:100%;padding:8px 10px;border:1px solid var(--borde);border-radius:6px;background:#fff;min-height:38px}input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb,var(--primario) 35%,transparent);border-color:var(--primario)}textarea{min-height:70px;resize:vertical}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;border:1px solid var(--borde);background:#fff;cursor:pointer;min-height:38px;white-space:nowrap}.btn:hover{background:#f7f8fa}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primario{background:var(--primario);border-color:var(--primario);color:#fff}.btn-primario:hover{background:color-mix(in srgb,var(--primario) 88%,#000)}.btn-peligro{background:var(--error);border-color:var(--error);color:#fff}.btn-chico{padding:4px 10px;min-height:30px;font-size:13px}.ancho{width:100%;justify-content:center}.icono{border:0;background:transparent;padding:6px;border-radius:6px;cursor:pointer;display:inline-flex;color:var(--suave)}.icono:hover{background:#eef1f4;color:var(--texto)}.link{border:0;background:none;color:var(--primario);cursor:pointer;padding:4px 0}.shell{display:flex;min-height:100vh}.lateral{width:240px;background:#10202b;color:#dce5ec;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;flex-shrink:0}.lateral .marca{padding:18px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.lateral .marca small{color:#9fb0bd}.lateral nav{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:2px}.lateral nav a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:6px;color:#c7d3dc}.lateral nav a:hover{background:#ffffff0f;color:#fff}.lateral nav a.activo{background:var(--primario);color:#fff}.lateral .usuario{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid rgba(255,255,255,.08)}.lateral .usuario div{display:flex;flex-direction:column}.lateral .usuario small,.lateral .icono{color:#9fb0bd}.marca{display:flex;align-items:center;gap:10px}.marca div{display:flex;flex-direction:column;line-height:1.2}.marca-logo{width:34px;height:34px;border-radius:8px;background:var(--primario);color:#fff;display:grid;place-items:center;font-weight:700;flex-shrink:0}.principal{flex:1;min-width:0;display:flex;flex-direction:column}.barra{display:flex;align-items:center;gap:10px;padding:14px 24px;background:var(--superficie);border-bottom:1px solid var(--borde);position:sticky;top:0;z-index:5}.barra h1{font-size:18px}.barra .menu{display:none}.contenido{padding:24px;max-width:1400px;width:100%}.velo{display:none}@media(max-width:900px){.lateral{position:fixed;left:0;top:0;z-index:30;transform:translate(-100%);transition:transform .2s}.lateral.abierto{transform:none}.velo{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:20}.barra .menu{display:inline-flex}.contenido{padding:16px}}.panel{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);padding:16px;box-shadow:var(--sombra)}.panel>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:8px}.panel+.panel{margin-top:16px}.rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-bottom:16px}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);padding:14px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--sombra)}.tarjeta strong{font-size:20px}.tarjeta em{font-style:normal;font-size:12px;color:var(--suave)}.tarjeta-ico{color:var(--primario)}.tarjeta-alerta{border-color:#f5c27a;background:var(--aviso-fondo)}.dos{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:900px){.dos{grid-template-columns:1fr}}.lista{list-style:none;margin:0;padding:0}.lista li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #eef1f4}.lista li:last-child{border-bottom:0}.lista li>span:first-child{display:flex;flex-direction:column}.herramientas{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.herramientas input[type=search],.herramientas .buscar{max-width:320px}.herramientas .espacio{flex:1}.herramientas select{width:auto}.pestanas{display:flex;gap:4px;border-bottom:1px solid var(--borde);margin-bottom:16px;overflow-x:auto}.pestanas button{border:0;background:none;padding:10px 14px;cursor:pointer;border-bottom:2px solid transparent;color:var(--suave);white-space:nowrap}.pestanas button.activa{color:var(--primario);border-bottom-color:var(--primario);font-weight:600}.tabla-caja{overflow-x:auto;background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio)}table{width:100%;border-collapse:collapse}th,td{padding:9px 12px;text-align:left;border-bottom:1px solid #eef1f4;vertical-align:middle}th{font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--suave);background:#fafbfc;font-weight:600;white-space:nowrap}tbody tr:hover{background:#fafbfc}tr.clic{cursor:pointer}td.acciones-fila{white-space:nowrap;text-align:right}td input,td select{min-height:32px;padding:5px 8px}.celda-doble{display:flex;flex-direction:column}tfoot td{font-weight:600;background:#fafbfc}.campo{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.campo>span{font-size:13px;font-weight:500}.campo small{font-size:12px}.fila{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.acciones{display:flex;justify-content:flex-end;gap:8px;margin-top:16px;flex-wrap:wrap}.check{display:flex;align-items:center;gap:8px;margin-bottom:12px}.check input{width:auto;min-height:0}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182873;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;z-index:50;overflow-y:auto}.modal{background:#fff;border-radius:10px;width:100%;box-shadow:0 20px 40px #0003}.modal>header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--borde)}.modal-cuerpo{padding:18px}.alerta{background:var(--error-fondo);color:var(--error);padding:10px 12px;border-radius:6px;margin:0 0 12px}.exito{background:var(--ok-fondo);color:var(--ok);padding:10px 12px;border-radius:6px;margin:0 0 12px}.nota{background:#f0f7f8;color:#15525a;padding:10px 12px;border-radius:6px;margin:0 0 12px;font-size:14px}.texto-error{color:var(--error)}.texto-aviso{color:var(--aviso)}.texto-ok{color:var(--ok)}.insignia{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap}.insignia-ok{background:var(--ok-fondo);color:var(--ok)}.insignia-aviso{background:var(--aviso-fondo);color:var(--aviso)}.insignia-error{background:var(--error-fondo);color:var(--error)}.insignia-neutro{background:#eef1f4;color:var(--suave)}.vacio{text-align:center;padding:32px 16px;color:var(--suave)}.vacio h4{color:var(--texto);margin-bottom:6px}.cargando{padding:40px;text-align:center;color:var(--suave)}.avisos{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;z-index:100;max-width:380px}.aviso{padding:12px 14px;border-radius:8px;box-shadow:0 6px 18px #00000026;background:#fff;border-left:4px solid var(--ok)}.aviso-error{border-left-color:var(--error)}.login{min-height:100vh;min-height:100dvh;width:100%;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:radial-gradient(1200px 600px at 15% 10%,#1f4a5c 0%,transparent 60%),linear-gradient(160deg,#0d1b24,#1d3a4a)}.login-marco{width:100%;max-width:1040px;display:grid;grid-template-columns:1.1fr 1fr;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 30px 80px #00000059}.login-marca{background:linear-gradient(160deg,var(--primario),#0a4f57);color:#fff;padding:48px 44px;display:flex;flex-direction:column;gap:28px}.login-marca .marca small{color:#ffffffbf}.login-marca .marca strong{font-size:18px}.login-marca h1{font-size:32px;line-height:1.2;font-weight:700}.login-marca ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}.login-marca li{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.45;color:#ffffffeb}.login-marca li svg{flex-shrink:0;margin-top:2px}.marca-logo.grande{width:46px;height:46px;font-size:22px;border-radius:12px;background:#ffffff2e}.login-caja{padding:48px 44px;display:flex;flex-direction:column;gap:6px;justify-content:center}.login-caja h2{font-size:26px;font-weight:700}.login-sub{color:var(--suave);margin:0 0 18px}.login-caja input{min-height:46px;font-size:16px}.login-marca-chica{display:none;margin-bottom:18px}.btn-grande{min-height:48px;font-size:16px;font-weight:600;margin-top:6px}.centrado{align-self:center;margin-top:6px}.login-instalar{margin-top:18px;padding-top:18px;border-top:1px solid var(--borde);display:flex;flex-direction:column;gap:8px}@media(max-width:860px){.login-marco{grid-template-columns:1fr;max-width:460px;border-radius:14px}.login-marca{display:none}.login-marca-chica{display:flex}.login-caja{padding:32px 24px}}.buscador{position:relative;width:100%}.sugerencias{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--borde);border-radius:8px;box-shadow:0 10px 24px #0000001f;list-style:none;margin:0;padding:4px;z-index:60;max-height:320px;overflow-y:auto}.sugerencias li{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:6px;cursor:pointer}.sugerencias li:hover,.sugerencias li:focus{background:#f0f7f8;outline:none}.sugerencias li>span:first-child{display:flex;flex-direction:column}.sugerencia-datos{text-align:right;display:flex;flex-direction:column;white-space:nowrap}.sugerencia-vacia{color:var(--suave);cursor:default!important}.ficha-producto{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;background:#f7fafb;border:1px solid var(--borde);border-radius:8px;padding:10px 12px;margin:8px 0 12px;font-size:13px}.ficha-producto div{display:flex;flex-direction:column}.totales{display:flex;flex-direction:column;align-items:flex-end;gap:4px;margin-top:12px}.totales strong{font-size:18px}.instalar-lateral{margin:0 8px 8px;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px;border-radius:6px;border:1px dashed rgba(255,255,255,.3);background:transparent;color:#dce5ec;cursor:pointer}.instalar-lateral:hover{background:#ffffff0f}.lateral .marca strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.25}.campo>.btn{align-self:flex-start}