:root{--marca:#6fa520;--accion:#486b15;--oscuro:#101715;--suave:#f4f7ef;--borde:#e2e8de;--gris:#58635a;--blanco:#fff;--radio:16px}
*{box-sizing:border-box}body{margin:0;background:#f6f8f4;color:var(--oscuro);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.6}a{color:var(--accion);text-decoration:none;font-weight:600}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}button,a,input,select,textarea,summary{outline-offset:4px}*:focus-visible{outline:3px solid #486b15}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(25px,2.4vw,36px);line-height:1.2;letter-spacing:-1px;margin-bottom:12px}h2{font-size:21px;line-height:1.3;letter-spacing:-.4px;margin:6px 0 18px}h3{font-size:15px;margin-bottom:9px}p{margin-bottom:18px}small{font-size:12px}strong{font-weight:650}label{display:block;font-weight:600;margin:18px 0 7px}input:not([type=checkbox]),textarea,select{display:block;width:100%;border:1px solid #b7c3b2;border-radius:9px;background:#fff;color:var(--oscuro);padding:11px 12px;min-height:44px}textarea{resize:vertical}input::placeholder{color:#697567}fieldset{border:1px solid var(--borde);border-radius:10px;margin:20px 0;padding:12px 18px}legend{padding:0 6px;font-weight:600}
.saltar{position:absolute;left:8px;top:-100px;z-index:100;background:#fff;padding:12px}.saltar:focus{top:8px}.lateral{position:fixed;inset:0 auto 0 0;width:258px;background:#fff;border-right:1px solid var(--borde);padding:28px 20px;display:flex;flex-direction:column;z-index:2;overflow:auto}.marca{display:block;padding:0 0 20px;border-bottom:1px solid var(--borde)}.marca img{width:100%;height:auto}.nombre-plataforma{font-size:11px;font-weight:750;letter-spacing:1.2px;margin:24px 0 32px}.nombre-plataforma>span:last-child{display:block;letter-spacing:0;font-size:14px;font-weight:400;margin-left:17px;color:var(--gris)}.punto{display:inline-block;width:7px;height:7px;background:var(--marca);border-radius:50%;margin-right:8px}.etiqueta-menu,.ceja{font-size:10px;font-weight:750;letter-spacing:1.7px;color:var(--gris);text-transform:uppercase}.etiqueta-menu{margin:0 12px 12px}.lateral nav{display:grid;gap:7px}.lateral nav a{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:9px;color:#4f5c50;font-weight:500}.lateral nav a span{font-size:22px;width:22px;text-align:center;line-height:1}.lateral nav a:hover,.lateral nav a.seleccionado{background:#edf4e3;color:#365310;text-decoration:none}.lateral nav a.seleccionado{font-weight:700;box-shadow:inset 3px 0 var(--marca)}.ayuda-menu{margin-top:40px;padding:20px 16px;background:var(--suave);border:1px solid var(--borde);border-radius:12px}.ayuda-menu h3{margin:16px 0 8px}.ayuda-menu p,.ayuda-menu a{font-size:12px}.ayuda-menu p{color:var(--gris)}.insignia{display:inline-block;font-size:9px;font-weight:750;letter-spacing:1.5px;border:1px solid #bacaa5;border-radius:5px;padding:5px 8px;color:#3e5a1b}.pie-lateral{margin-top:auto;padding-top:30px;font-size:10px;color:var(--gris)}
.principal{margin-left:258px;min-height:100vh}.cabecera{height:94px;background:#fff;border-bottom:1px solid var(--borde);padding:18px 40px;display:flex;justify-content:space-between;align-items:center;gap:18px}.cabecera p{margin:3px 0 0;font-size:14px}.cuenta{display:flex;align-items:center;gap:20px;text-align:right}.cuenta small{display:block;color:var(--gris)}.boton-texto{background:none;border:0;color:var(--accion);cursor:pointer;padding:10px;font-weight:600}.principal main{padding:36px 40px;max-width:1680px;margin:auto}.titulo-pagina{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.titulo-pagina .ceja{display:block;margin-bottom:10px}.titulo-pagina p{margin-bottom:0}.muted{color:var(--gris)}.boton{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid var(--accion);background:var(--accion);color:white;border-radius:9px;padding:11px 18px;font-size:13px;font-weight:650;cursor:pointer;min-height:44px;text-align:center;text-decoration:none;flex-shrink:0}.boton:hover{background:#36500f;color:#fff;text-decoration:none}.boton.secundario{background:#fff;color:var(--accion);border-color:#b9c9ad}.boton.secundario:hover{background:#eef4e6}.boton.claro{background:white;color:var(--oscuro);border-color:white}.ancho{width:100%}.enlace{margin-left:15px}.hero{background:#1b3325;color:#fff;display:grid;grid-template-columns:1.4fr 1fr;border-radius:20px;padding:36px 40px;margin-bottom:25px;position:relative;overflow:hidden}.hero .insignia{color:#cee9a5;border-color:#58734b}.hero h2{font-size:clamp(25px,2.6vw,39px);line-height:1.16;letter-spacing:-1px;margin:20px 0 16px}.hero p{color:#d0ddcf;max-width:520px;font-size:13px}.hero-diagrama{display:flex;align-items:center;justify-content:center}.orbita{border:1px solid #667e50;border-radius:50%;width:240px;height:240px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:15px;position:relative;transform:rotate(-8deg)}.orbita:before{content:"";position:absolute;inset:28px -22px;border:1px solid #435d37;border-radius:50%;transform:rotate(38deg)}.orbita strong{font-size:25px;text-align:center;line-height:1.3;transform:rotate(8deg);z-index:1}.orbita small{font-weight:400;font-size:12px}.orbita>span{border:1px solid #5b744e;border-radius:20px;padding:3px 16px;color:#e5efdc;font-size:11px;background:#243f2b;z-index:1;transform:rotate(8deg)}
.metricas{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:26px}.tarjeta{background:white;border:1px solid var(--borde);border-radius:var(--radio);padding:26px;margin-bottom:24px;min-width:0}.metrica{margin-bottom:0;padding:22px}.metrica strong{display:block;font-size:36px;line-height:1.3;margin:10px 0 6px;letter-spacing:-1px}.metrica small{color:var(--gris);font-size:11px}.dos-columnas{display:grid;grid-template-columns:1.65fr 1fr;gap:24px;align-items:start}.encabezado-seccion{display:flex;justify-content:space-between;align-items:center;gap:14px}.encabezado-seccion a{font-size:12px}.encabezado-seccion h2{margin-bottom:15px}.fila-desafio{display:flex;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid #edf0e9;color:var(--oscuro)}.fila-desafio:last-child{border:0}.fila-desafio:hover{text-decoration:none}.fila-desafio>div{flex:1}.fila-desafio strong{font-size:13px}.fila-desafio small,td small{display:block;color:var(--gris);font-weight:400;margin-top:3px}.icono-tarjeta{width:40px;height:40px;background:#f0f5e8;border:1px solid #e0e9d4;color:var(--accion);display:inline-flex;align-items:center;justify-content:center;border-radius:11px;font-size:23px;flex-shrink:0}.estado{display:inline-block;border:1px solid #c9dcb6;background:#f1f7e9;color:#3e5e1b;border-radius:20px;padding:3px 10px;font-size:10px;font-weight:650;white-space:nowrap}.estado.neutro{background:#f6f7f5;border-color:#dbe0d8;color:#4c5a4b}.fila-hito{display:flex;gap:15px;color:var(--oscuro);padding:15px 0;border-bottom:1px solid var(--borde)}.fila-hito small{display:block;color:var(--gris)}.fecha{min-width:47px;border:1px solid var(--borde);border-radius:8px;text-align:center;padding:2px 5px;color:var(--accion);font-size:21px;font-weight:700}.fecha small{font-size:8px;font-weight:500}.franja{border:1px solid var(--borde);border-radius:12px;padding:24px;background:#eef3e7;display:flex;align-items:center;justify-content:space-between;gap:25px}.franja p{margin:3px 0 0;font-size:12px;color:var(--gris)}.franja a{font-size:12px}.numero{font-size:25px;color:var(--accion);font-weight:700;letter-spacing:-1px}.pie{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--borde);padding:20px 40px;color:var(--gris);font-size:10px}.grilla-tarjetas{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}.grilla-tarjetas .tarjeta{margin:0 0 10px}.organizacion h2{margin-top:22px}.datos-linea{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid var(--borde);font-size:11px}.datos-linea>span{color:var(--gris)}.datos-linea strong{text-align:right;overflow-wrap:anywhere}.pie-tarjeta{display:flex;justify-content:space-between;gap:10px;margin-top:20px;font-size:12px}.formulario{max-width:940px}.campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.acciones{display:flex;gap:20px;align-items:center;margin-top:25px}.casilla{display:flex;gap:10px;font-size:12px;align-items:flex-start;font-weight:400;line-height:1.6}.casilla input{margin-top:4px;accent-color:var(--accion);width:17px;height:17px;flex-shrink:0}.aviso{background:#f0f4e9;border:1px solid #b3c597;color:#334723;padding:16px 20px;border-radius:10px;margin:20px 0;font-size:13px}.aviso.exito{background:#eef7e7}.aviso.error{background:#fff2ef;border-color:#d18e80;color:#8a2719}.aviso ul{margin:6px 0}.nota{font-size:11px;color:var(--gris);margin:14px 0 20px}.tabla-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:var(--gris);font-size:10px;letter-spacing:1px;text-transform:uppercase;white-space:nowrap}td,th{padding:18px 14px;border-bottom:1px solid var(--borde)}td:first-child{min-width:230px}td{vertical-align:middle}.filtros{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;margin-bottom:22px}.filtros>div:first-child{flex:1}.filtros label{margin-top:0;font-size:11px}.filtros>a:not(.boton){padding:10px}.vacio{text-align:center;padding:36px;color:var(--gris)}.volver{display:block;font-size:12px;margin-bottom:24px}.etapas{display:flex;gap:10px;margin-bottom:25px;flex-wrap:wrap}.etapas span{padding:9px 16px;background:#eaf0e4;border-radius:7px;color:var(--gris);font-size:11px}.etapas span.actual{background:var(--accion);color:#fff}.resumen-datos{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:25px 0;padding:20px;background:#f6f8f2;border-radius:10px}.resumen-datos small,.resumen-datos strong{display:block}.resumen-datos small{color:var(--gris);font-size:10px}.resumen-datos strong{font-size:12px}.texto-largo{white-space:pre-line;overflow-wrap:anywhere;font-size:13px}.hito{padding:20px 0;border-top:1px solid var(--borde)}.hito h3{margin:0}.hito>small{color:var(--gris);font-size:10px}.adjunto{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--borde);background:#f8faf5;border-radius:8px;padding:10px;margin-top:15px;font-size:12px}.adjunto small{font-size:9px}.linea-tiempo{padding-left:17px;border-left:2px solid #e1e9d8;margin-top:25px}.linea-tiempo article{position:relative;padding:0 0 24px 9px}.linea-tiempo article:before{content:"";position:absolute;width:9px;height:9px;background:var(--marca);border-radius:50%;left:-22px;top:5px}.linea-tiempo small{color:var(--gris);font-size:10px}.linea-tiempo h3{font-size:12px;margin:7px 0}.linea-tiempo p{font-size:11px;margin:0;color:var(--gris)}.grupo-perfiles{display:flex;gap:20px;flex-wrap:wrap}.grupo-perfiles label{margin:0}.usuario{padding:20px 0;border-top:1px solid var(--borde)}summary{cursor:pointer}summary span{font-size:11px;color:var(--gris);margin-left:15px}
.acceso-contenedor{min-height:100vh;padding:38px;display:grid;place-items:center}.acceso-contenedor main{width:100%;max-width:1160px}.acceso{display:grid;grid-template-columns:1.05fr 1fr;background:#fff;border:1px solid var(--borde);border-radius:24px;overflow:hidden;box-shadow:0 20px 80px #17371c0a}.relato-acceso{padding:42px;background:#eaf0e1;position:relative}.logo-acceso{display:block;max-width:300px;width:100%;margin-bottom:45px}.relato-acceso h1{font-size:clamp(35px,3.8vw,52px);line-height:1.12;letter-spacing:-2px;margin:35px 0 25px}.relato-acceso em{font-style:normal;color:var(--accion)}.relato-acceso p{max-width:360px;color:#4f614c;font-size:14px}.pasos-acceso{display:flex;gap:22px;font-size:11px;color:var(--accion);font-weight:600;margin:40px 0}.relato-acceso>small{color:var(--gris);font-size:10px}.formulario-acceso{padding:70px 48px}.formulario-acceso h2{font-size:26px;margin-top:10px}.formulario-acceso form button{margin-top:28px}.separador{border-top:1px solid var(--borde);margin:30px 0}.registro{max-width:690px;margin:0 auto}.registro .logo-acceso{max-width:240px;margin-bottom:35px}
@media(min-width:1500px){.hero{padding:44px 50px}.tarjeta{padding:30px}.hero-diagrama .orbita{width:260px;height:260px}}
@media(max-width:1150px){.lateral{width:220px;padding:22px 14px}.principal{margin-left:220px}.principal main{padding:26px}.cabecera{padding:18px 26px}.metricas{grid-template-columns:repeat(2,1fr)}.dos-columnas{grid-template-columns:1fr}.hero-diagrama .orbita{width:180px;height:180px}.hero{padding:28px}.franja{flex-wrap:wrap}.fila-desafio strong{font-size:12px}}
@media(max-width:760px){.lateral{position:static;width:auto;padding:16px}.marca{max-width:220px;border:0;padding:0}.nombre-plataforma,.etiqueta-menu,.ayuda-menu,.pie-lateral{display:none}.lateral nav{display:flex;flex-wrap:wrap;margin-top:15px;gap:5px}.lateral nav a{font-size:11px;padding:7px 9px;min-height:40px}.lateral nav a span{font-size:16px;width:16px}.principal{margin-left:0}.cabecera{height:auto;align-items:start;padding:16px;flex-wrap:wrap}.cabecera p{font-size:12px}.cuenta{gap:8px;text-align:left}.cuenta strong{font-size:11px}.cuenta small{font-size:10px}.principal main{padding:25px 16px}.titulo-pagina{align-items:flex-start;flex-direction:column;gap:16px}.hero{display:block;padding:28px}.hero-diagrama{display:none}.hero h2{font-size:29px}.metricas{gap:10px}.metrica{padding:16px}.metrica .ceja{font-size:9px;letter-spacing:1px}.metrica small{font-size:10px}.tarjeta{padding:20px}.campos{grid-template-columns:1fr}.fila-desafio{flex-wrap:wrap}.fila-desafio .estado{margin-left:52px}.pie{padding:16px;flex-direction:column}.franja{padding:20px}.acceso-contenedor{padding:18px}.acceso{grid-template-columns:1fr}.relato-acceso{padding:25px}.logo-acceso{margin-bottom:24px;max-width:250px}.relato-acceso h1{font-size:34px;margin-top:25px}.relato-acceso h1 br{display:none}.pasos-acceso,.relato-acceso>small{display:none}.formulario-acceso{padding:30px 25px}.grupo-perfiles{gap:12px}.encabezado-seccion{flex-wrap:wrap}.resumen-datos{padding:15px}.acciones{flex-wrap:wrap}.etapas{gap:5px}.etapas span{font-size:10px;padding:7px 9px}.adjunto{flex-direction:column;align-items:flex-start}}
.relato-acceso{display:flex;align-items:center;justify-content:center;min-height:280px}
.relato-acceso .logo-acceso{margin:0}
.datos-institucion{position:absolute;bottom:30px;left:25px;right:25px;text-align:center}
.datos-institucion small{display:block;margin-top:8px;color:var(--gris);font-size:10px}
@media print{body{background:#fff;color:#000;font-size:11px}.lateral,.cabecera,.no-imprimir,.pie,.volver{display:none!important}.principal{margin:0}.principal main{padding:0}.dos-columnas{display:block}.tarjeta{break-inside:avoid;border:1px solid #ddd;padding:18px;margin-bottom:18px}.titulo-pagina h1{font-size:24px}.estado{color:#000;border-color:#aaa}.etapas span.actual{background:#ddd;color:#000}.linea-tiempo article{break-inside:avoid}.saltar{display:none}}