/* Simulador PPR: bloque 3 de la ficha y [ppr_simulador] (functions/ppr/simulador.php). Mobile-first. */

.ppr-sim {
	--ppr-primario: #135D77;
	--ppr-acento: #00c4bb;
	--ppr-texto: #26323b;
	--ppr-suave: #5d6b75;
	--ppr-borde: #dfe6ea;
	--ppr-fondo: #f4f8fa;
	color: var(--ppr-texto);
	background: var(--ppr-fondo);
	border: 1px solid var(--ppr-borde);
	border-radius: 10px;
	padding: 16px;
}
.ppr-sim--shortcode { margin: 16px 0 24px; }

/* El tema da mucho interlineado a los párrafos; en los textos chicos del simulador se reduce. */
.ppr-sim__etiqueta, .ppr-sim__nota, .ppr-sim__legal { line-height: 1.5; }

.ppr-sim__form { display: grid; gap: 12px; margin-bottom: 14px; }
.ppr-sim__campo label { display: block; font-weight: 600; font-size: .95rem; margin-bottom: 4px; letter-spacing: 0; }
.ppr-sim__campo input { width: 100%; font-family: inherit; padding: 10px; font-size: 1rem; border: 1px solid #b9c6cd; border-radius: 6px; background: #fff; }
.ppr-sim__resultados { display: grid; gap: 12px; }
.ppr-sim__res { background: #fff; border-radius: 8px; padding: 12px 14px; border-left: 4px solid var(--ppr-acento); }
.ppr-sim__etiqueta { margin: 0; font-size: .9rem; color: var(--ppr-suave); }
.ppr-sim__valor { margin: 2px 0; font-size: 1.6rem; font-weight: 800; color: var(--ppr-primario); }
.ppr-sim__nota { margin: 0; font-size: .85rem; color: var(--ppr-suave); }
.ppr-sim__legal { margin: 12px 0 0; font-size: .8rem; color: var(--ppr-suave); }

/* 3 o 4 campos (con rendimiento editable) en una fila si caben; si no, se acomodan solos. */
@media (min-width: 768px) {
	.ppr-sim__form { grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); align-items: end; }
	.ppr-sim__resultados { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
}