/* Sobre — 4 princípios (grade 2×2, #1e1e1e). Cada célula abre um modal teal. */
.raz-sobre-principios { background: #1e1e1e; color: var(--raz-cream); }
.raz-sobre-principios .raz-container { padding-block: 0 50px; }
.raz-sobre-principios__grid {
	display: grid;
	grid-template-columns: 1fr;
	border-top: 1px solid rgba(241,242,231,0.14);
}
.raz-sobre-principio {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	width: 100%;
	padding: 32px 4px;
	background: none;
	border: 0;
	border-bottom: 1px solid rgba(241,242,231,0.14);
	text-align: left;
	cursor: pointer;
	color: var(--raz-cream);
}
.raz-sobre-principio__titulo {
	font-family: var(--raz-font-light);
	font-weight: 300;
	font-size: 28px;                /* mobile */
	line-height: 1.1;
	letter-spacing: -0.7px;
	color: var(--raz-cream);
}
.raz-sobre-plus { flex: none; display: inline-flex; width: 44px; height: 44px; }
.raz-sobre-plus img { width: 100%; height: 100%; display: block; }

@media (min-width: 740px) {
	.raz-sobre-principios__grid { grid-template-columns: 1fr 1fr; column-gap: 0; }
	.raz-sobre-principio { padding: 40px 48px; min-height: 116px; }
	.raz-sobre-principio:nth-child(odd) { border-right: 1px solid rgba(241,242,231,0.14); }
	.raz-sobre-principio__titulo { font-size: 40px; line-height: 45px; letter-spacing: -1.08px; max-width: 14ch; }
}

/* ---- modal teal (modificador do engine global de popups) ---- */
.raz-popup--polvo .raz-popup__panel { background: var(--raz-primary); }
.raz-popup--polvo .raz-popup__close { background: rgba(241,242,231,0.92); color: var(--raz-primary); }
.raz-sobre-modal__titulo {
	font-family: var(--raz-font-light);
	font-weight: 300;
	font-size: clamp(34px, 5vw, 60px);
	line-height: 1.05;
	letter-spacing: -1.2px;
	color: var(--raz-cream);
	margin: 0;
	max-width: 16ch;
}
.raz-sobre-modal__texto {
	font-family: var(--raz-font-light);
	font-weight: 400;
	font-size: clamp(18px, 2.2vw, 24px);
	line-height: 1.5;
	color: var(--raz-cream);
	margin: 0;
	max-width: 720px;
}