/* ==========================================================================
   Sousènsi — página Sobre (seções sd-sobre-*, migrations/202610201818-sobre-nova.sh)
   Só layout: títulos seguem a tipografia global do Elementor (H1 a H6); rótulo e texto de
   apoio são os componentes de base.css (sd-eyebrow, sd-section__lead).
   ========================================================================== */

body.sd [class*="sd-sobre-"] { margin: 0 !important; }
body.sd [class*="sd-sobre-"] .elementor-element-populated { padding: 0 !important; }
body.sd [class*="sd-sobre-"] .elementor-heading-title { text-wrap: balance; }
body.sd [class*="sd-sobre-"] :is(h1, h2).elementor-heading-title { margin-bottom: 20px; }
body.sd [class*="sd-sobre-"] .elementor-widget-text-editor p { margin: 0 0 1.1em; text-wrap: pretty; }
body.sd [class*="sd-sobre-"] .elementor-widget-text-editor p:last-child { margin-bottom: 0; }

/* -------------------------------------------------------------- abertura, CalmCB e fechamento:
   uma coluna estreita e centralizada */

body.sd .sd-sobre-abertura,
body.sd .sd-sobre-calmcb,
body.sd .sd-sobre-fechamento { padding: clamp(56px, 7vw, 104px) 16px !important; text-align: center; }
body.sd .sd-sobre-abertura { padding-bottom: clamp(16px, 2vw, 32px) !important; }
body.sd .sd-sobre-abertura > .elementor-container { max-width: 760px !important; }
body.sd .sd-sobre-calmcb > .elementor-container { max-width: 680px !important; }
body.sd .sd-sobre-fechamento > .elementor-container { max-width: 620px !important; }

body.sd :is(.sd-sobre-abertura, .sd-sobre-calmcb, .sd-sobre-fechamento) .sd-section__lead .elementor-heading-title {
	max-width: 46ch;
	margin-inline: auto;
	text-wrap: balance;
}
body.sd .sd-sobre-calmcb .elementor-widget-text-editor { text-align: left; margin-top: 16px; }
body.sd .sd-sobre-calmcb { border-top: 1px solid var(--sd-line); }
body.sd .sd-sobre-fechamento .sd-section__lead { margin-bottom: 32px; }

/* -------------------------------------------------------------- fundadora e marca:
   foto e texto lado a lado; na marca, o texto vem primeiro */

body.sd .sd-sobre-duo { padding: clamp(40px, 5vw, 72px) 16px !important; }
/* O respiro até o ∞ vem só do topo da marca: igual ao espaço do ∞ até o texto */
body.sd .sd-sobre-fundadora { padding-bottom: 0 !important; }
body.sd .sd-sobre-duo > .elementor-container {
	max-width: 1160px !important;
	gap: clamp(32px, 6vw, 96px);
	align-items: flex-start;   /* foto e texto começam na mesma altura */
}

/* O símbolo ∞ (sd-divisor, base.css) separa a fundadora da marca; a linha fina fica para o CalmCB */
body.sd .sd-sobre-duo--reverse .sd-sobre-duo__media { order: 2; }
body.sd .sd-sobre-duo__content > .elementor-widget-wrap { display: block !important; max-width: 34rem; }
body.sd .sd-sobre-duo__content .sd-section__lead { margin-bottom: 24px; }

body.sd .sd-sobre-duo__image img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	border-radius: 4px;
}
body.sd .sd-sobre-marca .sd-sobre-duo__image img { object-position: center 70%; }

/* Citação da fundadora sob a foto: Trirong itálico, filete Terracota (como na home) */
body.sd .sd-quote { margin: 24px 0 0; padding: 2px 0 2px 20px; border-left: 1px solid var(--sd-clay); }
body.sd .sd-quote blockquote { margin: 0; padding: 0; border: 0; background: none; quotes: none; }
body.sd .sd-quote blockquote::before,
body.sd .sd-quote blockquote::after { content: none; }
body.sd .sd-quote blockquote p {
	font-family: var(--sd-accent) !important;
	font-style: italic !important;
	font-weight: 300;
	font-size: var(--sd-step-2);
	line-height: 1.3;
	color: var(--sd-ink);
	margin: 0 0 8px;
}
body.sd .sd-quote figcaption { font-size: var(--sd-step--1); color: var(--sd-ink-soft); }

/* -------------------------------------------------------------- no que a gente acredita:
   entre linhas finas, o título à esquerda e as duas crenças lado a lado, cada uma com o ∞ */

body.sd .sd-sobre-crencas { padding: 0 16px !important; }
body.sd .sd-sobre-crencas > .elementor-container {
	max-width: 1160px !important;
	padding: clamp(40px, 5vw, 64px) 0;
	border-block: 1px solid var(--sd-line);
}
body.sd .sd-sobre-crencas .elementor-widget-wrap {
	display: grid !important;
	grid-template-columns: minmax(0, 0.8fr) minmax(0, 1fr) minmax(0, 1fr);
	gap: 32px clamp(32px, 5vw, 72px);
	align-items: start;
}
body.sd .sd-sobre-crencas .elementor-widget { width: auto !important; margin: 0 !important; }
body.sd .sd-sobre-crencas .elementor-heading-title { text-align: left !important; margin: 0 !important; }
body.sd .sd-belief .elementor-heading-title {
	font-family: var(--sd-display) !important;
	font-weight: var(--sd-display-weight) !important;
	font-size: var(--sd-step-1) !important;
	line-height: 1.45 !important;
	text-wrap: pretty;
}
body.sd .sd-belief .elementor-heading-title::before {
	content: "";
	display: block;
	width: 36px;
	height: 14px;
	margin-bottom: 16px;
	background: var(--sd-blue);
	-webkit-mask: url("../img/simbolo-sousensi.svg") left center / contain no-repeat;
	mask: url("../img/simbolo-sousensi.svg") left center / contain no-repeat;
}

@media (max-width: 1024px) {
	body.sd .sd-sobre-crencas .elementor-widget-wrap { grid-template-columns: 1fr 1fr; }
	body.sd .sd-sobre-crencas .elementor-widget:first-child { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
	body.sd .sd-sobre-crencas .elementor-widget-wrap { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
	body.sd .sd-sobre-duo > .elementor-container { flex-direction: column; }
	body.sd .sd-sobre-duo .elementor-column { width: 100% !important; }
	body.sd .sd-sobre-duo--reverse .sd-sobre-duo__media { order: 0; }
}