:root{--azul:#183d60;--azul-claro:#1763aa;--gris:#5a83a1;font-family:Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{color:#222;background:#fafbfc;margin:0}.contenedor{max-width:720px;margin:0 auto;padding:24px 16px 80px}.titulo{text-align:center;color:var(--azul);font-weight:600}.tarjeta{background:#fff;border-radius:10px;margin-bottom:16px;padding:20px;box-shadow:0 1px 4px #00000014}.pregunta{border-left:5px solid var(--azul-claro);margin-bottom:10px;padding-left:10px;font-size:18px}.opciones{flex-wrap:wrap;gap:10px;display:flex}.opcion{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;background:#eef1f5;border:2px solid #0000;border-radius:8px;flex:100px;padding:10px 8px}.opcion.seleccionada{background:var(--azul-claro);color:#fff;border-color:var(--azul)}.boton{background:var(--azul-claro);color:#fff;letter-spacing:1px;cursor:pointer;border:none;border-radius:6px;padding:12px 24px;font-size:16px;display:inline-block}.boton:disabled{cursor:not-allowed;background:#b7c3cd}.boton.secundario{color:var(--azul-claro);border:2px solid var(--azul-claro);background:#fff}.barra-progreso{background:#e2e8ee;border-radius:3px;height:6px;margin-bottom:20px;overflow:hidden}.barra-progreso>div{background:var(--azul-claro);height:100%;transition:width .2s}.acciones{justify-content:space-between;margin-top:20px;display:flex}.error{color:#b3261e;background:#fdeceb;border-radius:6px;margin-bottom:16px;padding:10px 14px}.campo{margin-bottom:16px}.campo label{color:var(--gris);margin-bottom:4px;font-size:14px;display:block}.campo input,.campo select{border:1px solid #ccd5dd;border-radius:6px;width:100%;padding:10px;font-size:15px}.carrera{border-bottom:1px solid #eee;padding:10px 0}.nivel-ALTA{color:#1a7a3c;font-weight:600}.nivel-MEDIA{color:#b8860b;font-weight:600}.nivel-BAJA{color:#8a8a8a;font-weight:600}.nivel-ALTA h3,.nivel-MEDIA h3,.nivel-BAJA h3{margin-bottom:4px}.nivel-ALTA ul,.nivel-MEDIA ul,.nivel-BAJA ul{margin:0 0 12px;padding:0;list-style:none}.pregunta-texto{margin:0 0 16px;font-size:18px}.topico-barra{margin-bottom:12px}.topico-barra-etiqueta{color:var(--gris);justify-content:space-between;margin-bottom:4px;font-size:14px;display:flex}.topico-barra-fondo{background:#e2e8ee;border-radius:5px;height:10px;overflow:hidden}.topico-barra-relleno{background:var(--azul-claro);height:100%}.top3{border-top:1px solid #eee;margin-top:16px;padding-top:16px}.top3-item{margin-bottom:8px;font-size:14px;line-height:1.5}.campo label input[type=checkbox]{width:auto;margin-right:6px}
