/*!
 * Raineau Group Legacy — Update Patch v2.0.0
 * ---------------------------------------------------------------------------
 * Ajustes para soportar 5 principios en vez de 4.
 *
 * Este archivo se carga DESPUÉS de main.css y sobreescribe solo los grids
 * de las secciones principios y destacados. Todo lo demás del tema queda
 * intacto.
 */

/* ───── PRINCIPIOS — Grid de 5 ───── */
.rgl-principios--five {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 18px;
}

/* ───── DESTACADOS — Grid de 5 (Bordeaux) ───── */
.rgl-destacados--five {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 24px;
}

/* ───── Responsive — 1024px y abajo ───── */
@media (max-width: 1200px) {
	.rgl-principios--five {
		grid-template-columns: repeat(3, 1fr);
	}
	.rgl-destacados--five {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 768px) {
	.rgl-principios--five,
	.rgl-destacados--five {
		grid-template-columns: 1fr;
	}
}

/* ───── Ajuste fino: con 5 cards el texto del principio puede sentirse
 * apretado en desktop, reducimos un poco el padding interno. */
.rgl-principios--five .rgl-principio__num {
	padding: 22px 22px 0;
	font-size: 13px;
}
.rgl-principios--five .rgl-principio__name {
	padding: 10px 22px 0;
	font-size: 21px;
	line-height: 1.2;
}
.rgl-principios--five .rgl-principio__text {
	padding: 12px 22px 28px;
	font-size: 14px;
	line-height: 1.65;
}

/* En destacados, los nombres "Long-term Thinking" y "Responsible Stewardship"
 * son largos. Reducimos tipografía para que entren en 5 columnas. */
.rgl-destacados--five .rgl-destacado__name {
	font-size: 22px;
	line-height: 1.25;
}
@media (max-width: 1200px) {
	.rgl-destacados--five .rgl-destacado__name {
		font-size: 26px;
	}
}