:root{--marca: #1f4e79;--marca-oscuro: #163a5b;--marca-suave: #e8f0f8;--acento: #0f8a7e;--texto: #1b2430;--texto-suave: #5a6676;--borde: #d9dfe6;--fondo: #f4f6f9;--superficie: #ffffff;--peligro: #b42318;--peligro-suave: #fdecea;--exito: #1d7a3a;--exito-suave: #e7f5ec;--advertencia: #9a5b00;--advertencia-suave: #fff4e0;--radio: 10px;--sombra: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .08);--sombra-alta: 0 12px 32px rgba(16, 24, 40, .18);--menu-ancho: 248px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;color:var(--texto);background:var(--fondo);color-scheme:light;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--fondo)}h1,h2,h3{line-height:1.25;margin:0}h1{font-size:1.45rem}h2{font-size:1.15rem}h3{font-size:1rem}p{margin:0}a{color:var(--marca)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid #7aa7d6;outline-offset:2px}.app{min-height:100vh;display:flex}.menu{width:var(--menu-ancho);flex-shrink:0;background:var(--marca-oscuro);color:#fff;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.menu-marca{display:flex;align-items:center;gap:10px;padding:18px 18px 14px}.menu-marca strong{font-size:1.05rem;letter-spacing:.2px}.menu-marca span{display:block;font-size:.75rem;opacity:.75}.menu-empresa{margin:0 12px 10px;padding:10px 12px;border-radius:8px;background:#ffffff14;font-size:.85rem}.menu-empresa b{display:block;font-size:.9rem}.menu-empresa button{margin-top:6px;background:none;border:0;padding:0;color:#cfe0f2;text-decoration:underline;cursor:pointer;font-size:.8rem}.menu nav{padding:4px 8px 16px;flex:1}.menu-grupo{margin-top:14px;padding:0 10px 4px;font-size:.72rem;text-transform:uppercase;letter-spacing:.6px;opacity:.6}.menu-enlace{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:#e9f0f7;text-decoration:none;font-size:.95rem}.menu-enlace:hover{background:#ffffff14}.menu-enlace.activo{background:#fff;color:var(--marca-oscuro);font-weight:600}.menu-enlace .contador{margin-left:auto;background:#f0b429;color:#3b2600;border-radius:999px;font-size:.75rem;padding:0 7px;font-weight:700}.menu-pie{padding:12px 18px 18px;border-top:1px solid rgba(255,255,255,.1);font-size:.85rem}.menu-pie button{background:none;border:0;color:#cfe0f2;padding:4px 0;cursor:pointer;display:flex;gap:8px;align-items:center}.contenido{flex:1;min-width:0;display:flex;flex-direction:column}.barra-superior{display:none}.pagina{padding:28px 32px 48px;max-width:1180px;width:100%}.pagina-encabezado{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.pagina-encabezado p{color:var(--texto-suave);margin-top:4px}.acciones{display:flex;gap:8px;flex-wrap:wrap}.fondo-menu{display:none}@media(max-width:860px){.menu{position:fixed;inset:0 auto 0 0;z-index:40;transform:translate(-100%);transition:transform .2s ease;box-shadow:var(--sombra-alta)}.menu.abierto{transform:translate(0)}.fondo-menu.visible{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:30}.barra-superior{display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:20;background:var(--marca-oscuro);color:#fff;padding:10px 16px}.barra-superior button{background:none;border:0;color:#fff;padding:6px;cursor:pointer;display:flex}.barra-superior b{font-size:1rem}.barra-superior span{font-size:.8rem;opacity:.8;display:block}.pagina{padding:18px 16px 40px}h1{font-size:1.25rem}}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra)}.tarjeta-cuerpo{padding:18px 20px}.tarjeta+.tarjeta{margin-top:16px}.tarjeta-titulo{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--borde);flex-wrap:wrap}.boton{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:8px 16px;border-radius:8px;border:1px solid transparent;font-weight:600;font-size:.95rem;cursor:pointer;text-decoration:none;white-space:nowrap;background:var(--marca);color:#fff}.boton:hover{background:var(--marca-oscuro)}.boton:disabled{opacity:.55;cursor:not-allowed}.boton.secundario{background:#fff;color:var(--marca);border-color:var(--borde)}.boton.secundario:hover{background:var(--marca-suave)}.boton.peligro{background:var(--peligro)}.boton.peligro.secundario{background:#fff;color:var(--peligro);border-color:#f2c4bf}.boton.peligro.secundario:hover{background:var(--peligro-suave)}.boton.texto{background:none;color:var(--marca);border:0;padding:6px 8px;min-height:36px}.boton.texto:hover{background:var(--marca-suave)}.boton.pequeno{min-height:34px;padding:4px 12px;font-size:.875rem}.boton.ancho{width:100%}.campo{display:flex;flex-direction:column;gap:6px}.campo label,.etiqueta{font-weight:600;font-size:.9rem}.campo .ayuda{font-size:.82rem;color:var(--texto-suave)}.campo .error-campo{font-size:.82rem;color:var(--peligro)}.entrada,.campo input,.campo select,.campo textarea{width:100%;min-height:44px;padding:9px 12px;border:1px solid #c4ccd6;border-radius:8px;background:#fff}.campo textarea{min-height:80px;resize:vertical}.campo input:focus,.campo select:focus,.campo textarea:focus,.entrada:focus{border-color:var(--marca);outline:3px solid #cfe0f2}.campo input[aria-invalid=true]{border-color:var(--peligro)}.campo input[type=color]{padding:4px;width:80px}.obligatorio{color:var(--peligro);margin-left:2px}.formulario{display:grid;gap:16px}.formulario .dos{display:grid;grid-template-columns:1fr 1fr;gap:16px}.formulario .tres{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:640px){.formulario .dos,.formulario .tres{grid-template-columns:1fr}}.casilla{display:flex;align-items:flex-start;gap:10px;padding:6px 0;cursor:pointer}.casilla input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--marca);flex-shrink:0}.casilla small{display:block;color:var(--texto-suave)}.casillas{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2px 16px}.insignia{display:inline-block;padding:1px 9px;border-radius:999px;font-size:.78rem;font-weight:600;background:#eef1f5;color:#3a4656;white-space:nowrap}.insignia.verde{background:var(--exito-suave);color:var(--exito)}.insignia.roja{background:var(--peligro-suave);color:var(--peligro)}.insignia.amarilla{background:var(--advertencia-suave);color:var(--advertencia)}.insignia.azul{background:var(--marca-suave);color:var(--marca)}.aviso-caja{padding:12px 14px;border-radius:8px;font-size:.92rem;border:1px solid}.aviso-caja.info{background:var(--marca-suave);border-color:#c7d9ec}.aviso-caja.error{background:var(--peligro-suave);border-color:#f2c4bf;color:#7a1a12}.aviso-caja.exito{background:var(--exito-suave);border-color:#bfe3cb;color:#14532b}.aviso-caja.advertencia{background:var(--advertencia-suave);border-color:#f3d9a8;color:#6b4000}.vacio{text-align:center;padding:40px 20px;color:var(--texto-suave)}.vacio h3{color:var(--texto);margin-bottom:6px}.vacio .boton{margin-top:14px}.cargando{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px;color:var(--texto-suave)}.girador{width:22px;height:22px;border:3px solid #d0d8e2;border-top-color:var(--marca);border-radius:50%;animation:girar .8s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}.filtros{display:flex;gap:10px;flex-wrap:wrap;padding:14px 20px;border-bottom:1px solid var(--borde)}.filtros .buscar{flex:1 1 240px;position:relative}.filtros .buscar svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--texto-suave)}.filtros .buscar input{padding-left:38px}.filtros select{flex:0 1 190px}@media(max-width:640px){.filtros select{flex:1 1 45%}}.lista{width:100%;border-collapse:collapse}.lista th{text-align:left;font-size:.8rem;text-transform:uppercase;letter-spacing:.4px;color:var(--texto-suave);font-weight:600;padding:10px 20px;border-bottom:1px solid var(--borde);background:#fafbfc}.lista td{padding:12px 20px;border-bottom:1px solid #edf0f3;vertical-align:middle}.lista tr:last-child td{border-bottom:0}.lista tr.clicable{cursor:pointer}.lista tr.clicable:hover td{background:#f7f9fc}.lista .secundario{color:var(--texto-suave);font-size:.85rem}.lista .derecha{text-align:right}@media(max-width:720px){.lista thead{display:none}.lista,.lista tbody,.lista tr,.lista td{display:block;width:100%}.lista tr{padding:12px 16px;border-bottom:1px solid var(--borde)}.lista td{border:0;padding:2px 0}.lista td[data-titulo]:before{content:attr(data-titulo) ": ";color:var(--texto-suave);font-size:.82rem}.lista .derecha{text-align:left;padding-top:8px}}.conteo{padding:10px 20px;font-size:.85rem;color:var(--texto-suave);border-top:1px solid var(--borde)}.pestanas{display:flex;gap:4px;border-bottom:1px solid var(--borde);margin-bottom:18px;overflow-x:auto;scrollbar-width:none}.pestanas::-webkit-scrollbar{display:none}.pestanas button{background:none;border:0;border-bottom:3px solid transparent;padding:10px 14px;cursor:pointer;font-weight:600;color:var(--texto-suave);white-space:nowrap}.pestanas button.activa{color:var(--marca);border-bottom-color:var(--marca)}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182873;z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto}.modal{background:#fff;border-radius:12px;box-shadow:var(--sombra-alta);width:100%;max-width:560px}.modal.ancha{max-width:820px}.modal-encabezado{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--borde)}.modal-encabezado button{background:none;border:0;padding:6px;cursor:pointer;color:var(--texto-suave);display:flex}.modal-cuerpo{padding:20px}.modal-pie{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--borde);flex-wrap:wrap}@media(max-width:640px){.modal-fondo:not(.confirmacion-fondo){padding:0;align-items:stretch;overflow:hidden}.modal:not(.confirmacion){border-radius:0;height:100%;display:flex;flex-direction:column}.modal-cuerpo{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-pie{background:#fff}.modal-pie .boton{flex:1}}.seccion+.seccion{margin-top:22px;padding-top:18px;border-top:1px solid var(--borde)}.seccion>h3{margin-bottom:12px}.avisos{position:fixed;bottom:20px;right:20px;z-index:60;display:flex;flex-direction:column;gap:8px;max-width:min(420px,calc(100vw - 32px))}.aviso{background:#1b2430;color:#fff;padding:12px 16px;border-radius:8px;box-shadow:var(--sombra-alta);font-size:.92rem;display:flex;gap:10px;align-items:flex-start}.aviso.error{background:var(--peligro)}.aviso.exito{background:var(--exito)}@media(max-width:640px){.avisos{left:16px;right:16px;bottom:16px}}.cifras{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:20px}.cifras>.tarjeta{margin:0}.cifra{display:block;padding:16px 18px;text-decoration:none;color:inherit}a.cifra:hover{border-color:var(--marca)}.cifra .valor{font-size:1.9rem;font-weight:700;color:var(--marca);line-height:1.1}.cifra .nombre{color:var(--texto-suave);font-size:.9rem;margin-top:4px}.cifra.alerta .valor{color:var(--advertencia)}.credenciales{background:#f7f9fc;border:1px dashed #9db5cf;border-radius:8px;padding:14px 16px;font-size:.95rem}.credenciales dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0}.credenciales dt{color:var(--texto-suave)}.credenciales dd{margin:0;font-weight:600;font-family:ui-monospace,Consolas,monospace;word-break:break-all}.acceso{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:linear-gradient(160deg,var(--marca-oscuro) 0%,var(--marca) 55%,#2c6aa0 100%)}.acceso-caja{width:100%;max-width:420px;background:#fff;border-radius:14px;box-shadow:var(--sombra-alta);padding:32px 28px}.acceso-marca{display:flex;align-items:center;gap:12px;margin-bottom:24px}.acceso-marca strong{font-size:1.25rem;color:var(--marca-oscuro);display:block}.acceso-marca span{color:var(--texto-suave);font-size:.9rem}.acceso h1{font-size:1.2rem;margin-bottom:4px}.acceso .subtitulo{color:var(--texto-suave);margin-bottom:20px;font-size:.95rem}.opcion-empresa{display:flex;width:100%;text-align:left;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--borde);border-radius:10px;background:#fff;cursor:pointer;margin-bottom:10px}.opcion-empresa:hover:not(:disabled){border-color:var(--marca);background:var(--marca-suave)}.opcion-empresa:disabled{cursor:default;opacity:.85}.opcion-empresa small{display:block;color:var(--texto-suave)}.permisos-categoria{border:1px solid var(--borde);border-radius:8px;margin-bottom:12px}.permisos-categoria>header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#fafbfc;border-bottom:1px solid var(--borde);border-radius:8px 8px 0 0;gap:8px;flex-wrap:wrap}.permisos-categoria>div{padding:6px 14px}.roles-diseno{display:grid;grid-template-columns:260px 1fr;gap:16px;align-items:start}.rol-opcion{display:block;width:100%;text-align:left;padding:12px 16px;border:0;border-bottom:1px solid #edf0f3;background:#fff;cursor:pointer}.rol-opcion:last-child{border-bottom:0;border-radius:0 0 var(--radio) var(--radio)}.rol-opcion:hover{background:#f7f9fc}.rol-opcion.activa{background:var(--marca-suave);box-shadow:inset 3px 0 0 var(--marca)}.rol-opcion small{display:block;color:var(--texto-suave)}@media(max-width:860px){.roles-diseno{grid-template-columns:1fr}}.barra-guardar{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--borde);padding:12px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-radius:0 0 var(--radio) var(--radio)}.sede-bloque+.sede-bloque{border-top:1px solid var(--borde)}.sede-cabecera{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;flex-wrap:wrap}@media(max-width:640px){.oculto-movil{display:none}}.texto-suave{color:var(--texto-suave)}.mt{margin-top:16px}.color-muestra{display:inline-block;width:16px;height:16px;border-radius:4px;vertical-align:middle;border:1px solid rgba(0,0,0,.15)}.modal-fondo.confirmacion-fondo{z-index:60;align-items:center;padding:16px}.modal.confirmacion{max-width:420px}.modal.confirmacion h2{font-size:1.1rem;margin:0 0 8px}.modal.confirmacion p{margin:0;color:var(--texto);line-height:1.5}.migas{font-size:.88rem;color:var(--texto-suave);margin-bottom:6px}.migas a{color:var(--marca);text-decoration:none}.migas a:hover{text-decoration:underline}.insignias-ficha{display:flex;gap:8px;flex-wrap:wrap;margin-top:-8px}.boton.texto.peligro-texto{color:var(--peligro)}.boton.texto.peligro-texto:hover{background:var(--peligro-suave)}.datos-ficha{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.datos-ficha>div{display:grid;grid-template-columns:180px 1fr;gap:12px;padding:10px 20px;border-bottom:1px solid #edf0f3}.datos-ficha dt{color:var(--texto-suave);font-size:.9rem}.datos-ficha dd{margin:0;overflow-wrap:anywhere}@media(max-width:900px){.datos-ficha{grid-template-columns:1fr}.datos-ficha>div{grid-template-columns:1fr;gap:2px;padding:10px 16px}}.resultado-criticidad{display:flex;align-items:center;gap:10px}.resultado-criticidad .insignia{font-size:1.15rem;padding:4px 14px}.matriz{display:grid;gap:14px}.criterio{border:1px solid var(--borde);border-radius:8px;padding:12px 16px;margin:0}.criterio legend{padding:0 6px}.criterio p{font-size:.88rem;margin:2px 0 10px}.puntajes{display:flex;gap:8px;flex-wrap:wrap}.puntajes button{width:48px;height:44px;border-radius:8px;border:1px solid var(--borde);background:#fff;font-weight:700;cursor:pointer}.puntajes button:hover:not(:disabled){border-color:var(--marca)}.puntajes button.elegido{background:var(--marca);border-color:var(--marca);color:#fff}.criterio:disabled .puntajes button{cursor:default;opacity:.8}.galeria{display:flex;gap:16px;flex-wrap:wrap;padding:16px 20px}.galeria figure{margin:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.galeria img{width:220px;height:165px;object-fit:cover;border-radius:8px;border:1px solid var(--borde);background:#f2f4f7;display:block}@media(max-width:520px){.galeria img{width:100%;height:auto;aspect-ratio:4 / 3}.galeria figure{width:100%}}.linea-tiempo{list-style:none;margin:0;padding:8px 20px 16px}.linea-tiempo li{position:relative;padding:10px 0 10px 22px;border-left:2px solid var(--borde);margin-left:6px}.linea-tiempo li:before{content:"";position:absolute;left:-7px;top:16px;width:12px;height:12px;border-radius:50%;background:var(--marca)}.linea-tiempo time{font-size:.82rem;color:var(--texto-suave)}.equipo-elegido{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--borde);border-radius:8px;background:#f7f9fc}.buscador-equipo ul{list-style:none;margin:6px 0 0;padding:0;border:1px solid var(--borde);border-radius:8px;max-height:280px;overflow-y:auto;background:#fff}.buscador-equipo li+li{border-top:1px solid #edf0f3}.buscador-equipo li.texto-suave{padding:10px 12px}.buscador-equipo button{display:block;width:100%;text-align:left;padding:11px 12px;background:none;border:0;cursor:pointer;min-height:44px}.buscador-equipo button:hover,.buscador-equipo button:focus{background:var(--marca-suave);outline:none}.enlace-suave{align-self:flex-start;padding-left:0}.opciones-botones{display:flex;gap:8px;flex-wrap:wrap}.opciones-botones button{min-height:44px;padding:8px 16px;border-radius:8px;border:1px solid var(--borde);background:#fff;font-weight:600;cursor:pointer}.opciones-botones button.elegido{background:var(--marca);border-color:var(--marca);color:#fff}.opciones-botones button:disabled{cursor:default;opacity:.7}.fotos-pendientes{list-style:none;display:flex;gap:12px;flex-wrap:wrap;margin:0 0 8px;padding:0}.fotos-pendientes li{display:flex;flex-direction:column;align-items:flex-start}.fotos-pendientes img{width:120px;height:90px;object-fit:cover;border-radius:8px;border:1px solid var(--borde)}.datos-ficha>div.ancho-completo{grid-column:1 / -1}.insignias-ficha .insignia{white-space:nowrap}.boton.boton-grande{min-height:52px;padding:12px 22px;font-size:1.05rem}@media(max-width:640px){.boton.boton-grande{width:100%;justify-content:center}}.checklist{list-style:none;margin:0;padding:0}.checklist li{display:flex;gap:12px;align-items:flex-start;padding:12px 20px;border-bottom:1px solid #edf0f3}.checklist .numero{flex:0 0 28px;height:28px;border-radius:50%;background:var(--marca-suave);color:var(--marca);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.88rem}.checklist .texto{flex:1;min-width:0}.checklist .acciones-fila{display:flex;flex-wrap:wrap;gap:2px}@media(max-width:640px){.checklist li{flex-wrap:wrap;padding:12px 16px}.checklist .acciones-fila{width:100%;padding-left:40px}}.lista-marcable{max-height:340px;overflow-y:auto;border:1px solid var(--borde);border-radius:8px;padding:6px 12px}.lista-marcable .casilla{padding:6px 0;border-bottom:1px solid #f0f2f5}.fila-agregar{display:flex;gap:10px;flex-wrap:wrap}.fila-agregar select{flex:1 1 260px}.enlace{background:none;border:0;padding:0;color:var(--marca);cursor:pointer;font:inherit}.enlace:hover{text-decoration:underline}
