:root{--azul: #3f3fd1;--azul-oscuro: #3423ce;--verde: #acd426;--fondo: #f7f8fc;--superficie: #ffffff;--borde: #e3e6f0;--borde-suave: #eef0f7;--texto: #1e2233;--texto-suave: #6b7185;--alerta-fondo: #fff8e6;--alerta-borde: #f0c14b;--alerta-texto: #8a6100;--error-fondo: #fdecec;--error-borde: #e05252;--error-texto: #a52222;--exito-fondo: #e9f7ef;--exito-borde: #35a86b;--exito-texto: #1c6b41;--radio: 10px}*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--texto);font-family:Poppins,-apple-system,sans-serif;font-size:14px;line-height:1.5}.app{min-height:100vh;display:flex;flex-direction:column}.barra{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--azul-oscuro);color:#fff;gap:16px;flex-wrap:wrap}.barra-marca{display:flex;align-items:center;gap:14px;font-weight:600;font-size:16px}.barra-marca img{height:44px;width:auto;background:#fff;border-radius:8px;padding:6px 10px;display:block}.barra-usuario{display:flex;align-items:center;gap:14px;font-size:13px}.barra-usuario .nombre{font-weight:600}.etiqueta-rol{color:var(--verde);font-size:12px;font-weight:500}.boton-barra{padding:7px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.35);background:#ffffff1f;color:#fff;font-family:inherit;font-size:13px;cursor:pointer;transition:background .15s}.boton-barra:hover{background:#ffffff38}.contenido{flex:1;padding:26px 24px 48px;max-width:1240px;margin:0 auto;width:100%}.pantalla-centrada{min-height:100vh;display:grid;place-items:center}.cargando{color:var(--azul-oscuro)}.pestanas{display:flex;gap:6px;margin-bottom:24px;border-bottom:1px solid var(--borde);flex-wrap:wrap}.pestana{padding:10px 18px;background:none;border:none;border-bottom:3px solid transparent;color:var(--texto-suave);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:color .15s,border-color .15s}.pestana:hover{color:var(--texto)}.pestana.activa{color:var(--azul-oscuro);border-bottom-color:var(--azul-oscuro)}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);padding:22px;margin-bottom:20px;box-shadow:0 1px 2px #1e22330a}.tarjeta h2{margin:0 0 4px;font-size:17px;font-weight:600}.tarjeta .sub{margin:0 0 18px;color:var(--texto-suave);font-size:13px}table{width:100%;border-collapse:collapse;font-size:13.5px}th{text-align:left;padding:11px 12px;color:var(--texto-suave);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em;background:var(--borde-suave);border-bottom:1px solid var(--borde)}th:first-child{border-top-left-radius:8px}th:last-child{border-top-right-radius:8px}td{padding:13px 12px;border-bottom:1px solid var(--borde-suave)}tbody tr:hover{background:#fafbff}tbody tr.clicable{cursor:pointer}.codigo{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12.5px;color:var(--azul-oscuro);font-weight:600}.pastilla{display:inline-block;padding:4px 11px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.pastilla.activo,.pastilla.en_prueba{background:var(--exito-fondo);color:var(--exito-texto)}.pastilla.suspendido{background:var(--alerta-fondo);color:var(--alerta-texto)}.pastilla.terminado{background:#eef0f7;color:var(--texto-suave)}.pastilla.borrador,.pastilla.firmado{background:#eceafd;color:var(--azul-oscuro)}.pastilla.sin-vincular{background:var(--error-fondo);color:var(--error-texto)}.campos{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-bottom:20px}label{display:block;font-size:12px;color:var(--texto-suave);font-weight:500;margin-bottom:6px}input,select,textarea{width:100%;padding:10px 12px;background:#fff;border:1px solid var(--borde);border-radius:8px;color:var(--texto);font-family:inherit;font-size:14px}input:focus,select:focus,textarea:focus{outline:2px solid rgba(63,63,209,.35);border-color:var(--azul)}input::placeholder{color:#a8adbf}textarea{resize:vertical;min-height:92px;line-height:1.6}.acciones{display:flex;gap:10px;flex-wrap:wrap}button{padding:10px 20px;border-radius:8px;border:1px solid transparent;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}button:disabled{opacity:.55;cursor:not-allowed}.primario{background:var(--azul);color:#fff}.primario:hover:not(:disabled){background:var(--azul-oscuro)}.secundario{background:#fff;border-color:var(--borde);color:var(--texto)}.secundario:hover:not(:disabled){border-color:var(--azul);color:var(--azul-oscuro)}.peligro{background:#fff;border-color:var(--error-borde);color:var(--error-texto)}.peligro:hover:not(:disabled){background:var(--error-fondo)}.aviso{padding:13px 16px;border-radius:8px;margin-bottom:18px;font-size:13.5px;border-left:4px solid}.aviso.error{background:var(--error-fondo);border-color:var(--error-borde);color:var(--error-texto)}.aviso.exito{background:var(--exito-fondo);border-color:var(--exito-borde);color:var(--exito-texto)}.aviso.alerta{background:var(--alerta-fondo);border-color:var(--alerta-borde);color:var(--alerta-texto)}.vacio{text-align:center;padding:48px 20px;color:var(--texto-suave)}.buscador{margin-bottom:16px;max-width:400px}.encabezado-seccion{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;flex-wrap:wrap}.datos-lista{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.dato .etiqueta{font-size:11px;color:var(--texto-suave);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.dato .valor{font-size:14.5px;margin-top:3px}.contadores{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-bottom:22px}.contador{border-radius:var(--radio);padding:18px 20px;border:1px solid}.contador .numero{font-size:30px;font-weight:700;line-height:1.1}.contador .titulo{font-size:13px;font-weight:600;margin-top:4px}.contador.azul{background:#f0efff;border-color:#d6d3fb;color:var(--azul-oscuro)}.contador.verde{background:var(--exito-fondo);border-color:#b8e5cc;color:var(--exito-texto)}.contador.ambar{background:var(--alerta-fondo);border-color:#f5dfa8;color:var(--alerta-texto)}.contador.rojo{background:var(--error-fondo);border-color:#f5c2c2;color:var(--error-texto)}.enlace-volver{background:none;border:none;color:var(--azul-oscuro);padding:0;margin-bottom:16px;cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:500}.enlace-volver:hover{text-decoration:underline}@media (prefers-reduced-motion: reduce){*{transition:none!important}}.opciones-tipo{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.opcion{display:flex;flex-direction:column;gap:5px;text-align:left;padding:15px 17px;background:#fff;border:2px solid var(--borde);border-radius:var(--radio);cursor:pointer;transition:border-color .15s,background .15s}.opcion:hover{border-color:#c3c7db}.opcion.elegida{border-color:var(--azul);background:#f5f4ff}.opcion .titulo{font-weight:600;font-size:14.5px;color:var(--texto)}.opcion.elegida .titulo{color:var(--azul-oscuro)}.opcion .detalle{font-size:12.5px;color:var(--texto-suave);font-weight:400;line-height:1.45}