:root{--morado: #382670;--amarillo: #ffc107;--blanco: #ffffff;--morado-profundo: #221646;--morado-oscuro: #2b1d58;--morado-claro: #4c3691;--morado-tenue: #ece8f8;--morado-borde: #d9d2f0;--amarillo-oscuro: #d9a406;--amarillo-tenue: #fff6dd;--fondo: #f5f4fa;--superficie: #ffffff;--texto: #241f3d;--texto-suave: #625d80;--borde: #e2dff0;--rojo: #c0292b;--rojo-tenue: #fdeceb;--verde: #1f7a3d;--verde-tenue: #e9f5ec;--radio: 10px;--radio-chico: 6px;--sombra: 0 1px 2px rgba(34, 22, 70, .08), 0 8px 24px rgba(34, 22, 70, .06);--sombra-alta: 0 12px 40px rgba(34, 22, 70, .18);--fuente: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#raiz{height:100%}body{margin:0;font-family:var(--fuente);background:var(--fondo);color:var(--texto);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;color:var(--morado);line-height:1.25}a{color:var(--morado-claro)}.aplicacion{display:flex;flex-direction:column;min-height:100%}.contenido{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:28px 20px 48px}.pie{padding:16px 20px;text-align:center;font-size:12.5px;color:var(--texto-suave);border-top:1px solid var(--borde)}.encabezado-pagina{margin-bottom:20px}.encabezado-pagina h1{font-size:24px}.encabezado-pagina p{margin:6px 0 0;color:var(--texto-suave)}.cabecera{background:var(--morado);color:var(--blanco);border-bottom:3px solid var(--amarillo)}.cabecera-interior{max-width:1100px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.cabecera-marca{display:flex;align-items:center;gap:12px;min-width:0}.cabecera-titulo{font-size:17px;font-weight:700;color:var(--blanco);letter-spacing:.2px}.cabecera-subtitulo{font-size:12.5px;color:#ffffffc7}.cabecera-sesion{margin-left:auto;display:flex;align-items:center;gap:12px}.cabecera-usuario{text-align:right;line-height:1.3}.cabecera-usuario strong{display:block;font-size:14px;color:var(--blanco)}.navegacion{background:var(--morado-oscuro)}.navegacion-interior{max-width:1100px;margin:0 auto;padding:0 20px;display:flex;gap:4px;flex-wrap:wrap}.navegacion-enlace{display:flex;align-items:center;gap:8px;padding:12px 14px;color:#ffffffd1;text-decoration:none;font-size:14px;font-weight:600;border-bottom:3px solid transparent;transition:color .15s,border-color .15s,background .15s}.navegacion-enlace:hover{color:var(--blanco);background:#ffffff0f}.navegacion-enlace.activo{color:var(--blanco);border-bottom-color:var(--amarillo)}.navegacion-enlace.inhabilitado{color:#ffffff61;cursor:not-allowed}.navegacion-enlace.inhabilitado:hover{background:none;color:#ffffff61}.navegacion-pendiente{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:999px;background:#ffffff1f}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);padding:22px}.tarjeta+.tarjeta{margin-top:20px}.tarjeta-titulo{font-size:17px;margin-bottom:4px}.tarjeta-cabecera{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.grupo-botones{display:flex;gap:6px}.tarjeta-descripcion{color:var(--texto-suave);font-size:13.5px;margin:0 0 18px}.rejilla-accesos{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.acceso{display:block;text-align:left;text-decoration:none;color:inherit;background:var(--superficie);border:1px solid var(--borde);border-left:4px solid var(--amarillo);border-radius:var(--radio);box-shadow:var(--sombra);padding:18px}.acceso h3{font-size:16px;margin-bottom:6px}.acceso p{margin:0;font-size:13.5px;color:var(--texto-suave)}.acceso.disponible:hover{border-color:var(--morado-borde);box-shadow:var(--sombra-alta);transform:translateY(-1px);transition:transform .15s,box-shadow .15s}.acceso.pendiente{border-left-color:var(--borde);opacity:.72}.campo{margin-bottom:16px}.campo-etiqueta{display:block;font-size:13px;font-weight:600;color:var(--morado);margin-bottom:6px}.campo-control{width:100%;padding:10px 12px;font-family:inherit;font-size:14.5px;color:var(--texto);background:var(--blanco);border:1px solid var(--borde);border-radius:var(--radio-chico);outline:none;transition:border-color .15s,box-shadow .15s}.campo-control:focus{border-color:var(--morado-claro);box-shadow:0 0 0 3px #4c369126}.campo-control:disabled{background:var(--fondo);color:var(--texto-suave)}.campo-ayuda{display:block;margin-top:5px;font-size:12.5px;color:var(--texto-suave)}.formulario-linea{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 16px}.acciones-formulario{display:flex;gap:10px;align-items:center;margin-top:4px}.boton{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600;border-radius:var(--radio-chico);border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.boton:disabled{opacity:.55;cursor:not-allowed}.boton-primario{background:var(--morado);color:var(--blanco)}.boton-primario:hover:not(:disabled){background:var(--morado-claro)}.boton-acento{background:var(--amarillo);color:var(--morado-profundo)}.boton-acento:hover:not(:disabled){background:var(--amarillo-oscuro)}.boton-secundario{background:var(--blanco);color:var(--morado);border-color:var(--morado-borde)}.boton-secundario:hover:not(:disabled){background:var(--morado-tenue)}.boton-peligro{background:var(--blanco);color:var(--rojo);border-color:#f1c7c6}.boton-peligro:hover:not(:disabled){background:var(--rojo-tenue)}.boton-claro{background:#ffffff1f;color:var(--blanco);border-color:#ffffff59}.boton-claro:hover:not(:disabled){background:#ffffff38}.boton-chico{padding:6px 12px;font-size:13px}.aviso{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--radio-chico);border:1px solid;font-size:14px;margin-bottom:16px}.aviso-error{background:var(--rojo-tenue);border-color:#f1c7c6;color:#8d2120}.aviso-exito{background:var(--verde-tenue);border-color:#c4e2cc;color:#175c2e}.aviso-info{background:var(--morado-tenue);border-color:var(--morado-borde);color:var(--morado)}.aviso-atencion{background:var(--amarillo-tenue);border-color:#f3dda2;color:#7a5800}.aviso-contenido{min-width:0}.clave-temporal{display:inline-block;margin-top:6px;padding:6px 12px;font-family:Consolas,Courier New,monospace;font-size:16px;font-weight:700;letter-spacing:1px;background:var(--blanco);border:1px dashed var(--amarillo-oscuro);border-radius:var(--radio-chico);color:var(--morado-profundo);-webkit-user-select:all;user-select:all}.tabla-contenedor{overflow-x:auto}.tabla{width:100%;border-collapse:collapse;font-size:14px}.tabla th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--texto-suave);padding:10px 12px;border-bottom:2px solid var(--borde);white-space:nowrap}.tabla td{padding:12px;border-bottom:1px solid var(--borde);vertical-align:middle}.tabla tr:last-child td{border-bottom:none}.tabla-acciones{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.fila-inactiva{opacity:.6}.etiqueta{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.etiqueta-admin{background:var(--amarillo);color:var(--morado-profundo)}.etiqueta-usuario{background:var(--morado-tenue);color:var(--morado)}.etiqueta-activo{background:var(--verde-tenue);color:var(--verde)}.etiqueta-inactivo{background:var(--rojo-tenue);color:var(--rojo)}.etiqueta-clara{background:#ffffff26;color:var(--blanco)}.marca-pendiente{font-size:12px;color:var(--texto-suave)}.pantalla-acceso{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;background:radial-gradient(circle at 20% 15%,var(--morado-claro),var(--morado-profundo) 70%)}.caja-acceso{width:100%;max-width:400px;background:var(--superficie);border-radius:14px;box-shadow:var(--sombra-alta);padding:30px 28px}.acceso-marca{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;margin-bottom:24px}.acceso-marca h1{font-size:19px}.acceso-marca p{margin:0;font-size:13px;color:var(--texto-suave)}.pantalla-carga{min-height:100%;display:flex;align-items:center;justify-content:center;color:var(--texto-suave);gap:10px}.girador{width:22px;height:22px;border:3px solid var(--morado-borde);border-top-color:var(--morado);border-radius:50%;animation:girar .8s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}.sin-datos{padding:28px;text-align:center;color:var(--texto-suave)}.pestanas{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:20px;border-bottom:1px solid var(--borde)}.pestana{display:flex;align-items:center;gap:7px;padding:9px 14px;font-size:14px;font-weight:600;color:var(--texto-suave);text-decoration:none;border-bottom:3px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}.pestana:hover{color:var(--morado)}.pestana.activa{color:var(--morado);border-bottom-color:var(--amarillo)}.estadisticas{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.estadistica{display:flex;flex-direction:column;gap:2px;background:var(--superficie);border:1px solid var(--borde);border-top:4px solid var(--morado-borde);border-radius:var(--radio);box-shadow:var(--sombra);padding:18px 20px}.estadistica.destacada{border-top-color:var(--amarillo)}.estadistica-etiqueta{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--texto-suave)}.estadistica-numero{font-size:34px;font-weight:700;line-height:1.1;color:var(--morado)}.estadistica-detalle{font-size:12.5px;color:var(--texto-suave)}.grafico{width:100%;overflow-x:auto}.grafico-svg{width:100%;min-width:460px;height:auto;display:block}.grafico-barra{fill:var(--morado)}.grafico-barra-fondo{fill:var(--morado-tenue);opacity:.5}.grafico-linea{stroke:var(--borde);stroke-width:1}.grafico-eje{stroke:var(--morado-borde);stroke-width:1.5}.grafico-texto-eje{font-family:var(--fuente);font-size:11px;fill:var(--texto-suave)}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#2216468c;display:flex;align-items:flex-start;justify-content:center;padding:32px 16px;overflow-y:auto;z-index:50}.modal{width:100%;max-width:520px;background:var(--superficie);border-radius:var(--radio);box-shadow:var(--sombra-alta)}.modal-cabecera{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid var(--borde)}.modal-cabecera .tarjeta-titulo{margin-bottom:0}.modal-cerrar{background:none;border:none;font-size:26px;line-height:1;color:var(--texto-suave);cursor:pointer;padding:0 4px}.modal-cerrar:hover{color:var(--morado)}.modal-cuerpo{padding:22px}.paginacion{display:flex;align-items:center;justify-content:center;gap:14px;padding-top:16px;font-size:13.5px;color:var(--texto-suave)}.celda-motivo{max-width:320px;min-width:180px}.campo-area{resize:vertical;min-height:90px}.codigo-solicitud{display:inline-block;margin-top:8px;padding:8px 16px;font-family:Consolas,Courier New,monospace;font-size:22px;font-weight:700;letter-spacing:2px;background:var(--blanco);border:2px dashed var(--amarillo-oscuro);border-radius:var(--radio-chico);color:var(--morado-profundo);-webkit-user-select:all;user-select:all}.enlace-codigo{font-family:Consolas,Courier New,monospace;font-weight:700;letter-spacing:.5px;color:var(--morado);text-decoration:none;white-space:nowrap}.enlace-codigo:hover{text-decoration:underline}.etiqueta-pendiente{background:var(--amarillo-tenue);color:#7a5800}.etiqueta-revisada{background:var(--verde-tenue);color:var(--verde)}.etiqueta-no-aplica{background:var(--fondo);color:var(--texto-suave)}.subtitulo-formulario{font-size:13px;text-transform:uppercase;letter-spacing:.6px;color:var(--texto-suave);margin:4px 0 14px;padding-bottom:8px;border-bottom:1px solid var(--borde)}.cabecera-caso{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;background:var(--superficie);border:1px solid var(--borde);border-left:4px solid var(--amarillo);border-radius:var(--radio);box-shadow:var(--sombra);padding:18px 20px;margin-bottom:20px}.lista-datos{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px 22px;margin:0}.lista-datos dt,.bloque-asunto dt{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--texto-suave);margin-bottom:3px}.lista-datos dd{margin:0;font-size:14.5px;word-break:break-word}.bloque-asunto{margin-top:20px;padding-top:18px;border-top:1px solid var(--borde)}.bloque-asunto p{margin:0;white-space:pre-wrap;line-height:1.6}.linea-tiempo{list-style:none;margin:0;padding:0 0 0 22px;border-left:2px solid var(--borde)}.linea-tiempo li{position:relative;padding:0 0 20px 14px}.linea-tiempo li:last-child{padding-bottom:0}.linea-tiempo li:before{content:"";position:absolute;left:-29px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--morado);border:2px solid var(--superficie)}.linea-tiempo li.hito-registro:before{background:var(--amarillo)}.linea-tiempo li.hito-correccion:before{background:var(--superficie);border-color:var(--morado);box-shadow:inset 0 0 0 2px var(--superficie)}.hito-fecha{font-size:12px;color:var(--texto-suave);margin-bottom:2px}.hito-cuerpo strong{font-size:14.5px;color:var(--morado)}.hito-observacion{margin:6px 0;padding:8px 12px;background:var(--morado-tenue);border-radius:var(--radio-chico);font-size:13.5px;white-space:pre-wrap}.hito-cuerpo .marca-pendiente{display:block;margin-top:2px}.rejilla-desgloses{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;align-items:start}.rejilla-desgloses .tarjeta+.tarjeta{margin-top:0}.desglose-fila+.desglose-fila{margin-top:16px}.desglose-encabezado{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;margin-bottom:6px}.desglose-cifra{color:var(--texto-suave);font-size:13px}.desglose-cifra strong{font-size:16px;color:var(--morado)}.desglose-riel{height:10px;background:var(--fondo);border-radius:999px;overflow:hidden}.desglose-barra{height:100%;border-radius:999px;min-width:2px;transition:width .3s}.barra-pendiente{background:var(--amarillo)}.barra-revisada{background:var(--morado)}.barra-no-aplica{background:var(--morado-borde)}@media (max-width: 600px){.cabecera-sesion{margin-left:0;width:100%;justify-content:space-between}.tabla-acciones{justify-content:flex-start}}