/**
 * Estilos propios de la Calculadora de Impuesto por Venta (M6). Tokens de
 * color de blocks/shared/cin-core.css; componentes base (cards, inputs,
 * tooltip, chart) de la hoja compartida de la TIR.
 */
.cin-ganancia .cin-paso {
	font-size: 11px; letter-spacing: .08em; text-transform: uppercase;
	color: var(--cin-muted); margin: 22px 0 8px;
}
.cin-ganancia .cin-res { display: flex; flex-direction: column; }
.cin-ganancia .cin-rrow {
	display: grid; grid-template-columns: 1fr 160px; gap: 8px; align-items: center;
	padding: 9px 2px; border-bottom: 1px solid var(--cin-border);
}
.cin-ganancia .cin-rrow:last-child { border-bottom: none; }
.cin-ganancia .cin-rlabel { font-size: 13px; color: var(--cin-text2); display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.cin-ganancia .cin-rval { font-size: 14px; font-weight: 600; text-align: right; }
.cin-ganancia .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;
}
.cin-ganancia .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;
	display: flex; justify-content: space-between; align-items: center; gap: 12px;
}
.cin-ganancia .cin-total b { font-size: 22px; }
.cin-ganancia .cin-aviso-tipo { color: var(--cin-danger); }
.cin-ganancia .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;
}
/* Mes + año en una sola línea. */
.cin-ganancia .cin-fechas { display: flex; gap: 8px; }
.cin-ganancia .cin-fechas select { flex: 1; }
.cin-ganancia .cin-fechas input { width: 92px; }
.cin-ganancia 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%;
}
/* Los mismos fixes de layout de las demás calculadoras (segmento abrazado,
   placa (i) pegada a su etiqueta, tip interno oculto → tooltip global). */
.cin-ganancia .cin-seg {
	display: inline-flex; width: fit-content; max-width: 100%;
	align-self: flex-start; height: auto; overflow: visible;
}
/* Placa (i) pegada a su etiqueta. El crecer-con-la-etiqueta que se declaraba
   aquí (reporte 2026-08-09: cortaba "Retención practicada…" y la pregunta del
   AFC) subió a la hoja base el 2026-08-10 — igual que .cin-field--ancho, que
   aquí visten el toggle del costo fiscal y los gastos notariales. */
.cin-ganancia .cin-flabel-row { justify-content: flex-start; gap: 6px; }
/* Toggle + su campo manual EN LA MISMA LÍNEA (pedido 2026-08-09): el input
   aparece al lado al elegir Manual y baja solo en pantallas angostas. */
.cin-ganancia .cin-fila-modo {
	display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
}
.cin-ganancia .cin-fila-modo input { width: 180px; }
.cin-ganancia .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-ganancia .cin-info .cin-tip { display: none; }
/* Check del factor de conversión (pedido 2026-08-09): opt-in destacado con
   su explicación y la nota dinámica del ahorro. */
.cin-ganancia .cin-check-factor {
	margin-top: 14px; padding: 10px 12px;
	background: var(--cin-s1); border-radius: var(--cin-radius);
	border-left: 3px solid var(--cin-accent);
}
.cin-ganancia .cin-chk-simple { font-size: 13.5px; display: block; cursor: pointer; }
.cin-ganancia .cin-chk-quien { font-size: 11.5px; color: var(--cin-muted); }
.cin-ganancia .cin-chk-desc {
	font-size: 12.5px; color: var(--cin-text2); line-height: 1.5;
	margin: 6px 0 0 24px;
}
.cin-ganancia .cin-check-factor .cin-hint { margin: 8px 0 0 24px; }

/* Gancho premium (patrón renta/viabilidad). */
.cin-ganancia .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-ganancia .cin-premium-nota a { color: var(--cin-link); font-weight: 600; }
@media (max-width: 560px) {
	.cin-ganancia .cin-rrow { grid-template-columns: 1fr auto; }
}