:root{--navy: #0f2b46;--navy-claro: #1d4468;--acento: #e63946;--fondo: #f2f5f8;--borde: #d7dfe7;--texto: #1c2b3a;--texto-suave: #5a6b7b;--verde: #2a9d62;--blanco: #ffffff}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,sans-serif;background:var(--fondo);color:var(--texto)}h1{font-size:1.5rem;margin:0 0 .5rem}h2{font-size:1.1rem;margin:0 0 1rem}.texto-suave{color:var(--texto-suave)}.cargando{padding:3rem;text-align:center;color:var(--texto-suave)}.layout{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--navy);color:var(--blanco);display:flex;flex-direction:column;padding:1.2rem 1rem;position:sticky;top:0;height:100vh}.marca{font-size:1.05rem;margin-bottom:1.6rem;display:flex;align-items:center;gap:.5rem}.marca-punto{width:10px;height:10px;border-radius:50%;background:var(--acento);display:inline-block}.sidebar nav{display:flex;flex-direction:column;gap:.2rem;flex:1}.sidebar nav a{color:#c9d5e0;text-decoration:none;padding:.5rem .7rem;border-radius:6px;font-size:.95rem}.sidebar nav a:hover{background:var(--navy-claro);color:var(--blanco)}.sidebar nav a.active{background:var(--acento);color:var(--blanco)}.nav-seccion{margin:1rem 0 .2rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#8fa3b5;padding:0 .7rem}.nav-proximamente{color:#8fa3b5;font-size:.85rem;padding:.4rem .7rem}.sidebar-pie{border-top:1px solid var(--navy-claro);padding-top:.9rem;display:flex;flex-direction:column;gap:.6rem}.usuario{display:flex;flex-direction:column;font-size:.9rem}.usuario small{color:#8fa3b5;font-size:.75rem}.contenido{flex:1;padding:2rem 2.5rem;max-width:1400px}.btn{display:inline-block;border:none;border-radius:6px;padding:.55rem 1.1rem;font-size:.92rem;cursor:pointer;text-decoration:none;text-align:center}.btn-primario{background:var(--acento);color:var(--blanco)}.btn-primario:hover{background:#c92f3b}.btn-primario:disabled{background:#e6919a;cursor:default}.btn-secundario{background:var(--blanco);color:var(--navy);border:1px solid var(--borde)}.btn-secundario:hover{background:var(--fondo)}.btn-quitar{border:none;background:none;color:var(--acento);cursor:pointer;font-size:.9rem}.btn-quitar:disabled{color:var(--borde);cursor:default}.acciones{display:flex;gap:.7rem;margin:1rem 0;flex-wrap:wrap}.alerta{background:#fdecee;border:1px solid var(--acento);color:#96222c;border-radius:6px;padding:.7rem 1rem;margin:.8rem 0;font-size:.92rem}.panel{background:var(--blanco);border:1px solid var(--borde);border-radius:10px;padding:1.3rem 1.5rem;margin-bottom:1.3rem}.cabecera-pagina{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.2rem;flex-wrap:wrap}.cabecera-panel{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--texto-suave);margin-bottom:.7rem}input,select{border:1px solid var(--borde);border-radius:6px;padding:.45rem .6rem;font-size:.92rem;font-family:inherit;color:var(--texto);background:var(--blanco)}input:focus,select:focus{outline:2px solid var(--navy-claro);border-color:var(--navy-claro)}.fila-campos{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end}.fila-campos label{flex:1;min-width:180px}.tabla-scroll{overflow-x:auto;margin-bottom:.8rem}.tabla-form{border-collapse:collapse;width:100%}.tabla-form th{font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;color:var(--texto-suave);text-align:left;padding:.3rem .35rem;white-space:nowrap}.tabla-form td{padding:.2rem .35rem}.tabla-form input,.tabla-form select{width:100%;min-width:70px;padding:.35rem .45rem}.tabla-form td:first-child input{min-width:120px}.celda-check{text-align:center}.celda-check input{width:auto;min-width:0}.opcion{border:1px solid var(--borde);border-radius:8px;padding:1rem;margin:.9rem 0;background:#fafcfe}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.9rem;margin-bottom:1.3rem}.kpi{background:var(--blanco);border:1px solid var(--borde);border-radius:10px;padding:.9rem 1.1rem;display:flex;flex-direction:column;gap:.3rem}.kpi small{color:var(--texto-suave);font-size:.78rem}.kpi strong{font-size:1.35rem;color:var(--navy)}.barra-fila{display:flex;align-items:center;gap:.8rem;margin-bottom:.55rem}.barra-etiqueta{width:220px;font-size:.88rem;font-weight:600;flex-shrink:0}.barra-pista{flex:1;background:var(--fondo);border-radius:4px;height:18px}.barra{background:var(--navy);height:100%;border-radius:4px;min-width:2px}.barra-valor{width:170px;font-size:.85rem;color:var(--texto-suave);flex-shrink:0}.tabla-datos{border-collapse:collapse;width:100%;font-size:.92rem}.tabla-datos th{background:var(--navy);color:var(--blanco);text-align:left;padding:.5rem .7rem}.tabla-datos td{padding:.45rem .7rem;border-bottom:1px solid var(--borde)}.tabla-datos tr:nth-child(2n) td{background:#f8fafc}.tabla-datos .positivo{color:var(--verde);font-weight:700}.tarjetas{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin-top:1.2rem}.tarjeta{background:var(--blanco);border:1px solid var(--borde);border-radius:10px;padding:1.2rem 1.3rem;text-decoration:none;color:var(--texto);transition:box-shadow .15s}a.tarjeta:hover{box-shadow:0 4px 14px #0f2b461f}.tarjeta h3{margin:.5rem 0 .4rem}.tarjeta p{margin:0;color:var(--texto-suave);font-size:.9rem}.tarjeta-dept{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--acento);font-weight:700}.tarjeta-deshabilitada{opacity:.65}.login-fondo{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-claro) 100%)}.login-caja{background:var(--blanco);border-radius:12px;padding:2.2rem 2.4rem;width:360px;box-shadow:0 10px 35px #00000040}.login-caja h1{font-size:1.3rem;margin:0 0 .2rem}.login-sub{color:var(--texto-suave);margin:0 0 1.4rem;font-size:.9rem}.login-caja .btn{width:100%;margin-top:.5rem}