/* Cajas de contenido: valores, metodología, perfiles. Shortcode [cajas id="..."] (inc/cajas.php) */
.cj {
	--cj-marino: var(--rsn-marino, #003052);
	--cj-oro: var(--rsn-oro, #A78B3F);
	--cj-oro-texto: var(--rsn-acento-texto-claro, #7A631E);
	--cj-suave: var(--rsn-fondo-suave, #F4F1EB);
	--cj-borde: var(--rsn-borde, #E7EBEE);
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr));
	gap: 20px;
	margin: 22px 0 44px;
	padding: 0;
	list-style: none;
	font-family: var(--rsn-fuente-cuerpo, 'Montserrat', sans-serif);
	color: #23303b;
}
.cj--2 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); }
.cj--3 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); }
.cj--4 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); }
.cj-caja {
	position: relative;
	display: flex; flex-direction: column;
	background: #fff;
	border: 1px solid var(--cj-borde);
	border-top: 4px solid var(--cj-oro);
	border-radius: 14px;
	padding: 26px 24px 24px;
	box-shadow: 0 2px 10px rgba(0, 48, 82, .08);
	transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.cj-caja:hover, .cj-caja:focus-within {
	transform: translateY(-5px);
	box-shadow: 0 14px 30px rgba(0, 48, 82, .18);
	border-top-color: var(--cj-marino);
}
.cj-icono {
	width: 52px; height: 52px; border-radius: 50%;
	display: grid; place-items: center;
	background: var(--cj-marino); color: #fff;
	margin-bottom: 16px;
	transition: background .3s ease, color .3s ease;
}
.cj-caja:hover .cj-icono { background: var(--cj-oro); color: var(--cj-marino); }
.cj-icono svg { width: 26px; height: 26px; }
.cj-num {
	position: absolute; top: 14px; right: 18px;
	font-family: var(--rsn-fuente-titulo, 'Lora', serif);
	font-size: 2.4rem; line-height: 1; font-weight: 700;
	color: var(--cj-oro); opacity: .35;
}
.cj-titulo {
	margin: 0 0 8px;
	font-family: var(--rsn-fuente-titulo, 'Lora', serif);
	font-size: 1.25rem; line-height: 1.25; font-weight: 700;
	color: var(--cj-marino);
}
.cj-texto { margin: 0; font-size: .97rem; line-height: 1.6; }
.cj-etiqueta {
	display: inline-block; align-self: flex-start;
	margin: 0 0 10px; padding: 4px 12px; border-radius: 999px;
	background: var(--cj-suave); color: var(--cj-oro-texto);
	font-size: .78rem; font-weight: 700; letter-spacing: .02em;
}
.cj-lista { list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 8px; }
.cj-lista li {
	position: relative; padding-left: 26px;
	font-size: .93rem; line-height: 1.5;
}
.cj-lista li::before {
	content: ""; position: absolute; left: 0; top: .28em;
	width: 16px; height: 16px; border-radius: 50%;
	background: var(--cj-oro) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23003052' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 10px no-repeat;
}
.cj-cita {
	margin: 12px 0 40px; padding: 22px 28px; border-radius: 14px;
	background: var(--cj-marino, #003052); color: #fff;
	font-family: var(--rsn-fuente-titulo, 'Lora', serif); font-size: 1.25rem; line-height: 1.5;
	border-left: 6px solid var(--rsn-oro, #A78B3F);
}
.cj-cita cite { display: block; margin-top: 8px; font-size: .9rem; font-style: normal; opacity: .85; }
@media (prefers-reduced-motion: reduce) {
	.cj-caja, .cj-icono { transition: none; }
	.cj-caja:hover, .cj-caja:focus-within { transform: none; }
}

/* Páginas con cajas: todo el contenido centrado y con el mismo ancho */
.rsn-pagina-cuerpo .entry-content:has(.cj) > * {
	max-width: 76rem;
	margin-inline: auto;
}
.rsn-pagina-cuerpo .entry-content:has(.cj) > :is(p, h2, h3, blockquote) {
	text-align: center;
}
.rsn-pagina-cuerpo .entry-content:has(.cj) > :is(p, h2, h3) {
	max-width: 52rem;
}
.rsn-pagina-cuerpo .entry-content:has(.cj) > .cj { max-width: 76rem; }
.rsn-pagina-cuerpo .entry-content:has(.cj) > h2 { margin-top: 12px; }
/* Los botones a páginas hermanas van solo en la banda oscura del cierre */
.rsn-pagina-cuerpo .entry-content:has(.cj) > p.rsn-botones { display: none; }