/* =========================================================================
   Autodiagnostico Ley 21.719.
   Se carga solo en la pagina que monta el bloque.
   ========================================================================= */

.astrea-diag { max-width: var(--astrea-ancho); margin-inline: auto; }

/* El descargo de alcance permanece visible durante todo el recorrido: en el
   prototipo de origen desaparecia justo al empezar, que es cuando importa. */
.astrea-diag__descargo {
	margin: 0 0 32px;
	padding: 16px 20px;
	border-left: 3px solid var(--astrea-oro);
	border-radius: 0 var(--astrea-radio) var(--astrea-radio) 0;
	background: var(--astrea-blanco);
	font-size: 14px;
	line-height: 1.6;
}
.astrea-diag__descargo strong { color: var(--astrea-tinta); }

.astrea-diag__panel {
	background: var(--astrea-blanco);
	border-radius: var(--astrea-radio);
	padding: clamp(24px, 4vw, 48px);
	margin-bottom: 32px;
}

.astrea-diag__titulo { margin-bottom: 16px; }
.astrea-diag__titulo:focus-visible { outline-offset: 6px; }
.astrea-diag__bajada { font-size: 17px; max-width: 62ch; }
.astrea-diag__aclaracion { margin-top: 16px; font-size: 15px; line-height: 1.6; }

/* ---------- Selector de sector ---------- */

.astrea-diag__segmento { margin: 32px 0 28px; max-width: 480px; }
.astrea-diag__segmento label {
	display: block;
	margin-bottom: 8px;
	color: var(--astrea-tinta);
	font-size: 15px;
	font-weight: 600;
}
.astrea-diag__segmento select {
	width: 100%;
	padding: 14px 16px;
	border: 1px solid var(--astrea-linea);
	border-radius: var(--astrea-radio);
	background: var(--astrea-crema);
	color: var(--astrea-tinta);
	font-family: var(--astrea-texto);
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
}

/* ---------- Progreso ---------- */

.astrea-diag__progreso {
	height: 4px;
	margin-bottom: 32px;
	border-radius: 99px;
	background: var(--astrea-linea);
	overflow: hidden;
}
.astrea-diag__barra {
	height: 100%;
	width: 0;
	background: var(--astrea-oro);
	transition: width var(--astrea-transicion);
}

/* ---------- Asistente ---------- */

.astrea-diag__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 360px);
	gap: 40px;
	align-items: start;
}

.astrea-diag__opciones {
	display: grid;
	gap: 12px;
	border: 0;
	margin: 28px 0 0;
	padding: 0;
}

.astrea-diag__opcion {
	display: grid;
	grid-template-columns: 24px 1fr;
	gap: 14px;
	align-items: start;
	padding: 16px 18px;
	border: 1px solid var(--astrea-linea);
	border-radius: var(--astrea-radio);
	cursor: pointer;
	transition: border-color var(--astrea-transicion), background var(--astrea-transicion);
}
.astrea-diag__opcion:hover { border-color: var(--astrea-oro); background: var(--astrea-crema); }
.astrea-diag__opcion:has(input:checked) { border-color: var(--astrea-oro); background: var(--astrea-crema); }
.astrea-diag__opcion:has(input:focus-visible) { outline: 2px solid var(--astrea-oro); outline-offset: 3px; }

.astrea-diag__opcion input { width: 20px; height: 20px; margin: 2px 0 0; accent-color: var(--astrea-oro); }
.astrea-diag__opcion strong { display: block; color: var(--astrea-tinta); font-size: 15px; font-weight: 600; }
.astrea-diag__opcion small  { display: block; margin-top: 3px; font-size: 13px; line-height: 1.5; }

.astrea-diag__navegacion {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-top: 32px;
}
.astrea-diag__navegacion [data-atras][hidden] { display: none; }

/* ---------- Guia lateral ---------- */

.astrea-diag__guia { padding: 28px; border-radius: var(--astrea-radio); background: var(--astrea-crema); }
.astrea-diag__guia h3 {
	margin: 20px 0 6px;
	color: var(--astrea-tinta);
	font-family: var(--astrea-texto);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
}
.astrea-diag__guia h3:first-of-type { margin-top: 0; }
.astrea-diag__guia p { font-size: 14px; line-height: 1.6; }

/* ---------- Resultado ---------- */

.astrea-diag__kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 32px 0; }

.astrea-diag__kpi { padding: 28px 20px; border-radius: var(--astrea-radio); background: var(--astrea-crema); text-align: center; }
.astrea-diag__kpi-etiqueta {
	display: block;
	color: var(--astrea-gris);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
}
.astrea-diag__kpi-valor {
	display: block;
	margin-top: 10px;
	color: var(--astrea-oro-texto);
	font-family: var(--astrea-display);
	font-size: 42px;
	font-weight: 600;
	line-height: 1;
}
.astrea-diag__kpi-valor--texto { font-size: 22px; line-height: 1.2; }

[data-kpi-riesgo-caja][data-riesgo="bajo"]  { background: #F0FDF4; }
[data-kpi-riesgo-caja][data-riesgo="bajo"]  .astrea-diag__kpi-valor { color: #15803D; }
[data-kpi-riesgo-caja][data-riesgo="medio"] { background: #FEF3C7; }
[data-kpi-riesgo-caja][data-riesgo="medio"] .astrea-diag__kpi-valor { color: #D97706; }
[data-kpi-riesgo-caja][data-riesgo="alto"]  { background: #FEF2F2; }
[data-kpi-riesgo-caja][data-riesgo="alto"]  .astrea-diag__kpi-valor { color: #B91C1C; }

.astrea-diag__lectura { font-size: 17px; max-width: 70ch; }

.astrea-diag__resumen { list-style: none; margin: 32px 0 0; padding: 0; border-top: 1px solid var(--astrea-linea); }
.astrea-diag__resumen li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 14px 0;
	border-bottom: 1px solid var(--astrea-linea);
}
.astrea-diag__resumen-pilar { color: var(--astrea-tinta); font-size: 15px; font-weight: 600; }

.astrea-diag__marca {
	flex: none;
	padding: 4px 12px;
	border-radius: 99px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
}
[data-estado="TOTAL"]   .astrea-diag__marca { background: #F0FDF4; color: #15803D; }
[data-estado="PARCIAL"] .astrea-diag__marca { background: #FEF3C7; color: #D97706; }
[data-estado="NO"]      .astrea-diag__marca { background: #FEF2F2; color: #B91C1C; }
[data-estado="NA"]      .astrea-diag__marca { background: #F4F4F5; color: #7F7F7F; }

/* ---------- Captura del lead ---------- */

.astrea-diag__captura {
	margin-top: 40px;
	padding: clamp(24px, 3vw, 36px);
	border-radius: var(--astrea-radio);
	background: var(--astrea-tinta);
}
.astrea-diag__captura h3 { color: var(--astrea-crema); margin-bottom: 10px; }
.astrea-diag__captura > p { margin-bottom: 24px; color: rgba(252, 249, 247, .82); font-size: 16px; }
.astrea-diag__captura .astrea-campo label { color: var(--astrea-crema); }
.astrea-diag__captura .astrea-consentimiento { background: rgba(252, 249, 247, .06); border-color: var(--astrea-linea-clara); }
.astrea-diag__captura .astrea-consentimiento label { color: rgba(252, 249, 247, .82); }
.astrea-diag__captura .astrea-finalidad { color: rgba(252, 249, 247, .62); }
.astrea-diag__captura .astrea-exito h3 { color: var(--astrea-crema); }
.astrea-diag__captura .astrea-exito p  { color: rgba(252, 249, 247, .82); }

.astrea-diag__campos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; }

.astrea-diag__reiniciar {
	display: block;
	margin: 28px auto 0;
	padding: 8px 16px;
	border: 0;
	background: transparent;
	color: var(--astrea-gris);
	font-family: var(--astrea-texto);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	cursor: pointer;
}
.astrea-diag__reiniciar:hover { color: var(--astrea-oro); }

/* ---------- Referencia permanente de los siete pilares ---------- */

.astrea-diag__referencia { margin-top: 56px; }
.astrea-diag__referencia > h2 { margin-bottom: 12px; }
.astrea-diag__referencia .astrea-faq { margin-top: 28px; }

.astrea-turnstile { margin-bottom: 20px; }

/* ---------- Responsive ---------- */

@media (max-width: 1024px) {
	.astrea-diag__grid { grid-template-columns: 1fr; gap: 28px; }
	.astrea-diag__guia { order: -1; }
}

@media (max-width: 600px) {
	.astrea-diag__kpis   { grid-template-columns: 1fr; }
	.astrea-diag__campos { grid-template-columns: 1fr; }
	.astrea-diag__resumen li { flex-direction: column; align-items: flex-start; gap: 6px; }
}