:root{--navy:#1b2a4a;--cian:#009fe3;--cian-suave:#e8f6fd;--gris:#f2f4f7;--borde:#d9dee5;--texto:#1f2733;--suave:#5b6577;--verde:#1e8e3e;--rojo:#c62828;--ambar:#b26a00;--radio:8px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Segoe UI,Calibri,system-ui,-apple-system,sans-serif;color:var(--texto);background:#f7f8fa;font-size:14px;line-height:1.45}a{color:var(--cian);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:22px;margin:0 0 4px}h1,h2{color:var(--navy)}h2{font-size:16px;margin:24px 0 8px}h3{font-size:14px;color:var(--navy);margin:16px 0 6px}p{margin:4px 0 8px}.sub{margin-bottom:18px}.chico,.sub{color:var(--suave)}.chico{font-size:12px}.app{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.lateral{background:var(--navy);color:#fff;padding:18px 14px;display:flex;flex-direction:column;gap:4px}.lateral .marca{font-weight:700;font-size:17px;margin-bottom:2px}.lateral .marca span{color:var(--cian)}.lateral .linea{height:3px;background:var(--cian);margin:8px 0 14px;border-radius:2px}.lateral a{color:#dbe7f5;padding:8px 10px;border-radius:6px;display:block}.lateral a:hover{background:rgba(255,255,255,.08);text-decoration:none}.lateral .pie{margin-top:auto;font-size:12px;color:#a9b8cc}.lateral .pie button{background:none;border:0;color:var(--cian);cursor:pointer;padding:0;font-size:12px}.contenido{padding:24px 32px 48px;max-width:1280px;width:100%}.tarjeta{background:#fff;border:1px solid var(--borde);border-radius:var(--radio);padding:16px 18px;margin-bottom:16px}.grid{display:grid;grid-gap:12px;gap:12px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}@media (max-width:900px){.app,.g2,.g3,.g4{grid-template-columns:1fr}.contenido{padding:16px}}.kpi{background:#fff;border:1px solid var(--borde);border-radius:var(--radio);padding:12px 14px}.kpi .lbl{font-size:11px;font-weight:700;color:var(--suave);text-transform:uppercase;letter-spacing:.03em}.kpi .val{font-size:24px;font-weight:700;color:var(--navy)}.kpi .var{font-size:12px;font-weight:600}.sube{color:var(--verde)}.baja{color:var(--rojo)}.neutro{color:var(--suave)}table{width:100%;border-collapse:collapse;background:#fff}th{background:var(--navy);color:#fff;font-weight:600;text-align:left;padding:8px 10px;font-size:12px}td{padding:7px 10px;border-bottom:1px solid var(--borde);vertical-align:top}tr:nth-child(2n) td{background:#fafbfc}td.num,th.num{text-align:right;white-space:nowrap}.tabla-scroll{overflow-x:auto;border:1px solid var(--borde);border-radius:var(--radio);margin-bottom:16px}.pestanas{display:flex;gap:4px;border-bottom:2px solid var(--borde);margin:12px 0 20px;flex-wrap:wrap}.pestanas a{padding:8px 14px;color:var(--suave);border-bottom:3px solid transparent;margin-bottom:-2px;font-weight:600}.pestanas a.activa{color:var(--navy);border-color:var(--cian)}.pestanas a:hover{text-decoration:none;color:var(--navy)}form .campo{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}label{font-size:12px;font-weight:600;color:var(--suave)}input,select,textarea{font:inherit;padding:8px 10px;border:1px solid var(--borde);border-radius:6px;background:#fff;color:var(--texto);width:100%}textarea{min-height:90px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--cian-suave);border-color:var(--cian)}.btn{display:inline-block;background:var(--cian);color:#fff;border:0;padding:9px 16px;border-radius:6px;cursor:pointer;font:inherit;font-weight:600}.btn:hover{filter:brightness(.95);text-decoration:none}.btn:disabled{opacity:.6;cursor:wait}.btn.sec{background:#fff;color:var(--navy);border:1px solid var(--borde)}.btn.peligro{background:#fff;color:var(--rojo);border:1px solid #f0c9c9}.btn.chico{padding:5px 10px;font-size:12px}.fila{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.fila.fin{justify-content:flex-end}.entre{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.etq{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:700;background:var(--gris);color:var(--suave)}.etq.APAGAR,.etq.FLOJO,.etq.No-va,.etq.REESCRIBIR{background:#fde8e8;color:var(--rojo)}.etq.CAMBIAR-CREATIVO,.etq.Cambios,.etq.PASABLE,.etq.RENOVAR,.etq.REVISAR,.etq.REVISAR-DESTINO,.etq.enviada{background:#fff3e0;color:var(--ambar)}.etq.Aprobado,.etq.ESCALAR,.etq.FUERTE,.etq.PASA,.etq.activo,.etq.aprobada{background:#e6f4ea;color:var(--verde)}.etq.MANTENER,.etq.Pendiente,.etq.borrador{background:var(--cian-suave);color:var(--navy)}.aviso{padding:10px 14px;border-radius:6px;background:var(--cian-suave);border-left:3px solid var(--cian);margin-bottom:14px}.aviso.error{background:#fde8e8;border-color:var(--rojo)}.aviso.ok{background:#e6f4ea;border-color:var(--verde)}.md{white-space:pre-wrap;background:#fff;border:1px solid var(--borde);border-radius:6px;padding:12px 14px;font-family:inherit}.barra{height:8px;background:var(--gris);border-radius:4px;overflow:hidden;min-width:60px}.barra>div{height:100%;background:var(--cian)}.centro{min-height:100vh;display:grid;place-items:center;background:var(--navy);padding:16px}.caja-login{background:#fff;border-radius:10px;padding:28px;width:100%;max-width:360px;border-top:4px solid var(--cian)}.publica{max-width:900px;margin:0 auto;padding:0 16px 48px}.banda{background:var(--navy);padding:22px 24px 18px;border-bottom:4px solid var(--cian);margin-bottom:20px}.banda,.banda h1{color:#fff}.banda p{color:#cfe9f7;margin:0}.pieza{background:#fff;border:1px solid var(--borde);border-radius:var(--radio);padding:14px 16px;margin-bottom:12px}.pieza .opciones{display:flex;gap:14px;flex-wrap:wrap;margin:8px 0}.pieza .opciones label{font-size:14px;color:var(--texto);font-weight:400;display:flex;gap:6px;align-items:center}.pieza .opciones input{width:auto}