/**
 * Estilos propios de la Calculadora de Viabilidad. Tokens de color de
 * blocks/shared/cin-core.css; componentes base (cards, inputs, tooltip) de
 * la hoja compartida de la TIR. Filas de resultado de dos columnas.
 */
.cin-viabilidad .cin-paso {
	font-size: 11px; letter-spacing: .08em; text-transform: uppercase;
	color: var(--cin-muted); margin: 22px 0 8px;
}
.cin-viabilidad .cin-res { display: flex; flex-direction: column; }
.cin-viabilidad .cin-rrow {
	display: grid; grid-template-columns: 1fr 150px; gap: 8px; align-items: center;
	padding: 9px 2px; border-bottom: 1px solid var(--cin-border);
}
.cin-viabilidad .cin-rrow:last-child { border-bottom: none; }
.cin-viabilidad .cin-rlabel { font-size: 13px; color: var(--cin-text2); display: flex; align-items: center; gap: 6px; }
.cin-viabilidad .cin-rval { font-size: 14px; font-weight: 600; text-align: right; }
/* Nota aclaratoria del encabezado (mismo patrón que la notarial). */
.cin-viabilidad .cin-nota-aprox {
	font-size: 12.5px; color: var(--cin-text2); line-height: 1.5;
	background: var(--cin-s1); border-left: 3px solid var(--cin-accent);
	border-radius: var(--cin-radius); padding: 9px 12px; margin: 10px 0 0;
}
/* Franja de recomendación (HU4) y veredicto (HU6). */
.cin-viabilidad .cin-recomendacion {
	background: var(--cin-hl-bg); border: 1px solid var(--cin-hl-border);
	border-radius: var(--cin-radius); padding: 10px 12px; margin: 10px 0 0;
	font-size: 13px; line-height: 1.5;
}
.cin-viabilidad .cin-total {
	background: var(--cin-bg-accent); border: 1px solid var(--cin-accent);
	border-radius: 10px; padding: 14px 16px; margin-top: 14px; line-height: 1.55;
}
.cin-viabilidad .cin-aviso-tipo { color: var(--cin-danger); }
/* Resultado final (refinamiento 2026-08-06): el valor máximo responsable,
   grande y protagonista, con las sugerencias debajo. */
.cin-viabilidad .cin-responsable {
	background: var(--cin-hl-bg); border: 2px solid var(--cin-accent);
	border-radius: 12px; padding: 18px 20px; margin-top: 14px; text-align: center;
}
.cin-viabilidad .cin-responsable .cin-resp-monto {
	display: block; font-size: 30px; font-weight: 700; color: var(--cin-text);
	margin: 4px 0 2px; line-height: 1.15;
}
.cin-viabilidad .cin-responsable .cin-resp-label {
	font-size: 12px; letter-spacing: .06em; text-transform: uppercase;
	color: var(--cin-muted);
}
.cin-viabilidad .cin-responsable .cin-resp-sugerencias {
	font-size: 12.5px; color: var(--cin-text2); margin: 10px 0 0;
	line-height: 1.55; text-align: left;
}
.cin-viabilidad select {
	font-family: inherit; font-size: 13.5px; color: var(--cin-text);
	background: var(--cin-s2); border: 1px solid var(--cin-border-strong);
	border-radius: var(--cin-radius); padding: 8px 10px; width: 100%;
}
/* El segmento abraza sus botones — sin esto la caja se estira al ancho de
   la celda del grid y los toggles se ven enormes (mismo fix de la notarial;
   reporte 2026-08-06 sobre "Manual" en la configuración bancaria). */
.cin-viabilidad .cin-seg {
	display: inline-flex; width: fit-content; max-width: 100%;
	align-self: flex-start; height: auto; overflow: visible;
}
/* La placa (i) va PEGADA a su etiqueta — la hoja base usa space-between y
   la dejaba flotando al borde derecho de la celda, lejos del texto (mismo
   fix que la notarial; reporte 2026-08-06 sobre "Tasa del crédito"). */
.cin-viabilidad .cin-flabel-row { justify-content: flex-start; gap: 6px; }
/* Placa (i) con el tip interno oculto (lo muestra el tooltip global). */
.cin-viabilidad .cin-info {
	width: 18px; height: 18px; min-width: 18px; border-radius: 50%; position: relative;
	display: inline-flex; align-items: center; justify-content: center; cursor: help;
	background: var(--cin-bg-accent); color: var(--cin-link);
	font-size: 11px; font-weight: 700; font-style: normal;
}
.cin-viabilidad .cin-info .cin-tip { display: none; }
/* Gancho premium (2026-08-09): nota con candado para el público en las
   analíticas que piden registro (mismo patrón que la renta). */
.cin-viabilidad .cin-premium-nota {
	font-size: 13px; color: var(--cin-text2); background: var(--cin-s1);
	border-radius: var(--cin-radius); padding: 12px 14px; margin: 0;
	line-height: 1.55;
}
.cin-viabilidad .cin-premium-nota a { color: var(--cin-link); font-weight: 600; }
@media (max-width: 560px) {
	.cin-viabilidad .cin-rrow { grid-template-columns: 1fr auto; }
}