:root{--fondo: #f4f6f9;--superficie: #ffffff;--borde: #dfe4ec;--texto: #1f2733;--texto-suave: #667085;--primario: #1f6feb;--primario-oscuro: #1a5ac4;--exito: #197b4b;--exito-fondo: #e6f4ec;--alerta: #9a6700;--alerta-fondo: #fdf6e3;--peligro: #b42318;--peligro-fondo: #fdeceb;--info-fondo: #e8f1fd;--neutro-fondo: #eef1f5;--radio: 8px;--sombra: 0 1px 3px rgba(16, 24, 40, .08)}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;color:var(--texto);background:var(--fondo)}h1,h2,h3{margin:0 0 4px;font-weight:600}h1{font-size:22px}h2{font-size:17px}h3{font-size:15px}a{color:var(--primario);text-decoration:none}a:hover{text-decoration:underline}.app{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.barra-lateral{background:#16202e;color:#c7d2e0;padding:18px 0;display:flex;flex-direction:column}.barra-lateral .marca{padding:0 20px 18px;border-bottom:1px solid #26374d;margin-bottom:12px}.barra-lateral .marca strong{color:#fff;font-size:18px;display:block}.barra-lateral .marca span{font-size:11px;color:#7d8ea4}.barra-lateral nav{flex:1}.barra-lateral nav a{display:block;padding:9px 20px;color:#c7d2e0;font-size:14px;border-left:3px solid transparent}.barra-lateral nav a:hover{background:#1d2a3b;text-decoration:none}.barra-lateral nav a.activo{background:#1d2a3b;color:#fff;border-left-color:var(--primario)}.barra-lateral .pie{padding:14px 20px 0;border-top:1px solid #26374d;font-size:12px}.barra-lateral .pie .nombre{color:#fff;font-weight:600}.barra-lateral .pie .rol{color:#7d8ea4;text-transform:capitalize}.contenido{padding:22px 26px;overflow-x:auto}.encabezado-pagina{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;flex-wrap:wrap}.encabezado-pagina p{margin:0;color:var(--texto-suave)}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);padding:16px;margin-bottom:16px}.tarjeta>h2{margin-bottom:12px}.rejilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:18px}.indicador{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);padding:14px 16px}.indicador .etiqueta{color:var(--texto-suave);font-size:12px;text-transform:uppercase;letter-spacing:.4px}.indicador .valor{font-size:26px;font-weight:600;margin-top:4px}.indicador .detalle{font-size:12px;color:var(--texto-suave);margin-top:2px}.indicador.alerta .valor{color:var(--peligro)}.indicador.aviso .valor{color:var(--alerta)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--borde)}th{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--texto-suave);background:#fafbfc;white-space:nowrap}tbody tr:hover{background:#f8fafc}td.numero,th.numero{text-align:right;font-variant-numeric:tabular-nums}.tabla-contenedor{overflow-x:auto}.etiqueta{display:inline-block;padding:2px 8px;border-radius:11px;font-size:11.5px;font-weight:600;white-space:nowrap;background:var(--neutro-fondo);color:var(--texto-suave)}.etiqueta.verde{background:var(--exito-fondo);color:var(--exito)}.etiqueta.ambar{background:var(--alerta-fondo);color:var(--alerta)}.etiqueta.roja{background:var(--peligro-fondo);color:var(--peligro)}.etiqueta.azul{background:var(--info-fondo);color:var(--primario)}.campo{margin-bottom:12px}.campo label{display:block;font-size:12px;font-weight:600;margin-bottom:4px;color:#3b4553}.campo .ayuda{font-size:11.5px;color:var(--texto-suave);margin-top:3px}.campo .error-campo{font-size:11.5px;color:var(--peligro);margin-top:3px}input,select,textarea{width:100%;padding:7px 9px;border:1px solid var(--borde);border-radius:6px;font:inherit;background:#fff;color:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primario);box-shadow:0 0 0 3px #1f6feb1f}textarea{min-height:74px;resize:vertical}input[type=checkbox]{width:auto}.fila-campos{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:0 14px}.filtros{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-bottom:14px}.filtros .campo{margin-bottom:0;min-width:155px}button{font:inherit;padding:7px 14px;border-radius:6px;border:1px solid var(--borde);background:#fff;color:var(--texto);cursor:pointer}button:hover:not(:disabled){background:#f2f4f7}button:disabled{opacity:.55;cursor:not-allowed}button.primario{background:var(--primario);border-color:var(--primario);color:#fff}button.primario:hover:not(:disabled){background:var(--primario-oscuro)}button.peligro{background:var(--peligro);border-color:var(--peligro);color:#fff}button.peligro:hover:not(:disabled){background:#9a1e15}button.enlace{border:none;background:none;color:var(--primario);padding:2px 4px}button.enlace:hover:not(:disabled){background:none;text-decoration:underline}.acciones{display:flex;gap:8px;flex-wrap:wrap}.acciones.derecha{justify-content:flex-end}.tenue{color:var(--texto-suave);font-size:12px}.subtitulo-form{font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--texto-suave);margin:14px 0 4px;padding-top:10px;border-top:1px solid var(--borde, #e4e7ec)}.aviso{padding:10px 12px;border-radius:6px;margin-bottom:14px;border:1px solid transparent}.aviso.error{background:var(--peligro-fondo);border-color:#f4c5c1;color:var(--peligro)}.aviso.exito{background:var(--exito-fondo);border-color:#b8dfc9;color:var(--exito)}.aviso.info{background:var(--info-fondo);border-color:#bcd6f8;color:var(--primario-oscuro)}.aviso.advertencia{background:var(--alerta-fondo);border-color:#f0dca8;color:var(--alerta)}.editor-jornada{display:grid;gap:6px}.dia-jornada{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:12px;padding:7px 10px;border:1px solid var(--borde);border-radius:var(--radio);background:var(--fondo)}.dia-jornada-titulo{display:flex;flex-direction:column}.dia-jornada-titulo span{font-size:11.5px}.dia-jornada-bloques{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.bloque-horario{display:flex;align-items:center;gap:5px;padding:3px 6px;border:1px solid var(--borde);border-radius:var(--radio);background:var(--superficie)}.bloque-horario input[type=time]{width:108px;padding:4px 6px}.bloque-horario span{font-size:12px;color:var(--texto-suave)}.bloque-horario .enlace{padding:0 2px;color:var(--texto-suave)}.rejilla-parametros{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:4px 22px}.parametro-entrada{display:flex;align-items:center;gap:8px}.parametro-entrada input{max-width:130px}.parametro-entrada span{font-size:12px}.tabla-disponibilidad .celda-dia{vertical-align:middle;white-space:nowrap}.tabla-disponibilidad thead .tenue{font-weight:400;text-transform:none;letter-spacing:0}.celda-dia.dia-no-laborable{background:var(--neutro-fondo)}.celda-dia.dia-feriado{background:var(--info-fondo)}.celda-dia.dia-ausente{background:var(--peligro-fondo)}.celda-dia.dia-copado{background:var(--alerta-fondo)}.tabla-agenda{table-layout:fixed}.tabla-agenda thead th{text-align:center;font-size:11px}.tabla-agenda thead .tenue{font-weight:400;text-transform:none;letter-spacing:0}.tabla-agenda .celda-tecnico{width:150px}.celda-agenda{vertical-align:top;padding:4px;min-width:92px;text-align:center}.celda-agenda.dia-no-laborable{background:var(--neutro-fondo)}.celda-agenda.dia-feriado{background:var(--info-fondo)}.celda-agenda.dia-ausente{background:var(--peligro-fondo)}.visita{display:flex;flex-direction:column;gap:1px;width:100%;margin-bottom:4px;padding:5px 6px;border:1px solid #bcd6f8;border-left:3px solid var(--primario);border-radius:var(--radio);background:var(--info-fondo);color:var(--texto);font-size:11.5px;line-height:1.25;text-align:left;cursor:pointer}.visita:hover{border-color:var(--primario)}.visita strong{font-size:12px;color:var(--primario-oscuro)}.visita span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visita.con-aviso{background:var(--alerta-fondo);border-color:#f0dca8;border-left-color:var(--alerta)}.visita.con-aviso strong{color:var(--alerta)}.aviso-visita{font-size:11.5px;color:var(--alerta);margin-top:2px}.visita-cabecera{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:2px}.visita-cabecera strong{font-size:14px;color:var(--primario-oscuro)}.ordenes-visita{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.orden-chip{display:flex;flex-direction:column;gap:1px;padding:7px 10px;border:1px solid var(--borde);border-radius:var(--radio);background:var(--fondo);font-size:12px;text-decoration:none;color:var(--texto)}.orden-chip:hover{border-color:var(--primario)}.orden-chip strong{color:var(--primario)}.vacio{padding:26px;text-align:center;color:var(--texto-suave)}.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;overflow-y:auto;z-index:50}.modal{background:var(--superficie);border-radius:var(--radio);width:100%;max-width:620px;box-shadow:0 12px 32px #10182833}.modal header{padding:14px 18px;border-bottom:1px solid var(--borde);display:flex;justify-content:space-between;align-items:center}.modal .cuerpo{padding:18px}.modal footer{padding:12px 18px;border-top:1px solid var(--borde);display:flex;justify-content:flex-end;gap:8px}.paginacion{display:flex;align-items:center;gap:10px;justify-content:flex-end;padding-top:12px;color:var(--texto-suave);font-size:13px}.pantalla-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#16202e,#24405e);padding:20px}.caja-login{background:#fff;border-radius:10px;padding:30px;width:100%;max-width:380px;box-shadow:0 16px 40px #00000040}.caja-login .marca{text-align:center;margin-bottom:22px}.caja-login .marca strong{font-size:26px;display:block}.caja-login .marca span{color:var(--texto-suave);font-size:13px}.caja-login button{width:100%;margin-top:6px}.credenciales-demo{margin-top:18px;padding-top:14px;border-top:1px solid var(--borde);font-size:12px;color:var(--texto-suave);line-height:1.6}.barra{height:7px;background:var(--neutro-fondo);border-radius:4px;overflow:hidden;min-width:70px}.barra>span{display:block;height:100%;background:var(--primario)}.barra.verde>span{background:var(--exito)}.barra.roja>span{background:var(--peligro)}.detalle-lista{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px 18px}.detalle-lista div span{display:block;font-size:11.5px;color:var(--texto-suave);text-transform:uppercase;letter-spacing:.3px}.detalle-lista div strong{font-weight:600}.linea-tiempo{list-style:none;margin:0;padding:0}.linea-tiempo li{padding:9px 0 9px 14px;border-left:2px solid var(--borde);position:relative}.linea-tiempo li:before{content:"";position:absolute;left:-5px;top:14px;width:8px;height:8px;border-radius:50%;background:var(--primario)}.linea-tiempo .meta{font-size:11.5px;color:var(--texto-suave)}@media (max-width: 820px){.app{grid-template-columns:1fr}.barra-lateral{flex-direction:column}.barra-lateral nav{display:flex;flex-wrap:wrap}.barra-lateral nav a{border-left:none;border-bottom:3px solid transparent}.barra-lateral nav a.activo{border-left:none;border-bottom-color:var(--primario)}}