/**
 * Estilos propios de la Calculadora de Gastos Notariales. Tokens de color de
 * blocks/shared/cin-core.css; componentes base (cards, segmentados, inputs,
 * tooltip) de la hoja compartida de la TIR. Las filas de resultados replican
 * el patrón de la renta pero con CUATRO columnas (label + comprador +
 * vendedor + total).
 */
.cin-notarial .cin-paso {
	font-size: 11px; letter-spacing: .08em; text-transform: uppercase;
	color: var(--cin-muted); margin: 22px 0 8px;
}
.cin-notarial .cin-res { display: flex; flex-direction: column; }
.cin-notarial .cin-rrow {
	display: grid; align-items: center;
	padding: 9px 2px; border-bottom: 1px solid var(--cin-border);
}
.cin-notarial .cin-rrow.cin-ncols { grid-template-columns: 1fr 96px 96px 104px; gap: 8px; }
.cin-notarial .cin-rlabel { font-size: 13px; color: var(--cin-text2); display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.cin-notarial .cin-rval { font-size: 13.5px; font-weight: 600; text-align: right; }
.cin-notarial .cin-rsub { font-size: 11px; color: var(--cin-muted); font-weight: 400; display: block; width: 100%; }
.cin-notarial .cin-rhead { font-size: 11px; color: var(--cin-muted); text-align: right; align-self: end; padding-bottom: 2px; }
.cin-notarial .cin-nsub .cin-rlabel { font-weight: 600; color: var(--cin-text); }
.cin-notarial .cin-total {
	background: var(--cin-bg-accent); border: 1px solid var(--cin-accent);
	border-radius: 10px; padding: 14px 16px; margin-top: 14px;
	display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px;
}
.cin-notarial .cin-total b { font-size: 20px; }
/* Franja de ahorro VIS/VIP (HU-14): el gancho visible de la calculadora. */
.cin-notarial .cin-ahorro {
	background: var(--cin-hl-bg); border: 1px solid var(--cin-hl-border);
	border-radius: var(--cin-radius); padding: 12px 14px; margin-top: 10px;
	font-size: 13.5px;
}
.cin-notarial .cin-aviso-tipo { color: var(--cin-danger); }
/* Nota aclaratoria del encabezado: es una aproximación, no el valor exacto. */
.cin-notarial .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;
}
/* Placa (i) — misma geometría que la renta, con el tip interno OCULTO
   (lo muestra el tooltip global de cin-core). */
.cin-notarial .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-notarial .cin-info .cin-tip { display: none; }
/* La placa (i) va PEGADA a su etiqueta (la hoja base usa space-between y la
   dejaba flotando al extremo derecho, lejos del campo — confuso y con la
   zona de clic descolocada; reporte del 2026-08-05).
   El crecer-con-la-etiqueta ya NO se declara aquí: desde el 2026-08-10 la
   hoja base usa min-height en vez de height fijo (era el override que había
   que copiar en cada hoja). Lo que sigue siendo propio de esta hoja es solo
   la posición de la placa. */
.cin-notarial .cin-flabel-row { justify-content: flex-start; gap: 6px; }
/* El segmento nunca recorta botones si el ancho obliga a envolver, y se
   ajusta al tamaño de sus botones — sin él, la caja se estiraba al ancho
   completo de la celda del grid y los toggles se veían enormes (reporte
   2026-08-05: "¿Quién vende?", "¿Nuevo o usado?"). */
.cin-notarial .cin-seg {
	height: auto; overflow: visible;
	display: inline-flex; width: fit-content; max-width: 100%;
	align-self: flex-start;
}
/* Checkboxes de actos adicionales (N7/N8), cada uno con su descripción. */
.cin-notarial .cin-checks { display: flex; flex-direction: column; gap: 11px; margin-top: 6px; }
.cin-notarial .cin-checks label,
.cin-notarial .cin-chk-simple {
	display: flex; align-items: center; gap: 8px;
	font-size: 13px; color: var(--cin-text2); cursor: pointer;
}
.cin-notarial .cin-checks input[type="checkbox"],
.cin-notarial .cin-chk-simple input[type="checkbox"] { margin: 0; }
.cin-notarial .cin-chk-quien { font-size: 11px; color: var(--cin-muted); }
.cin-notarial .cin-chk-desc {
	font-size: 11.5px; color: var(--cin-muted); line-height: 1.45;
	margin: 3px 0 0 24px;
}
.cin-notarial .cin-chk-alinear { justify-content: flex-end; }
.cin-notarial 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%;
}
@media (max-width: 560px) {
	.cin-notarial .cin-rrow.cin-ncols { grid-template-columns: 1fr auto auto auto; gap: 5px; }
	.cin-notarial .cin-rval { font-size: 12px; }
}