/* Estilos complementares exclusivos da página institucional /quem-somos/ (carrega sobre theme.css e seo.css). */
.about-page .about-hero .seo-hero-bg { inset: 0 0 0 38%; }
.about-page .about-hero::before { background: linear-gradient(90deg, #0f0f04 14%, rgba(15, 15, 4, .96) 44%, rgba(15, 15, 4, .72) 70%, rgba(15, 15, 4, .25) 100%); }
.about-page .about-hero h1 { max-width: 860px; font-size: clamp(2.35rem, 4.4vw, 4.1rem); letter-spacing: -.045em; }
.about-page .about-hero .seo-hero-copy { max-width: 680px; }

.about-divisions { background: var(--paper); }
.about-division-list { display: grid; gap: 2rem; }
.about-division-card { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(1.75rem, 4vw, 3.5rem); align-items: center; padding: clamp(1.5rem, 3vw, 2.5rem); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); }
.about-division-media { margin: 0; overflow: hidden; border-radius: .9rem; background: var(--ink); }
.about-division-media img { width: 100%; height: 100%; min-height: 300px; max-height: 380px; object-fit: cover; transition: transform .5s ease; }
.about-division-card:hover .about-division-media img { transform: scale(1.03); }
.about-division-body { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
.about-division-body h3 { margin-bottom: .75rem; font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.65rem, 2.5vw, 2.2rem); font-weight: 500; letter-spacing: -.03em; color: var(--ink); }
.about-division-body > p { margin-bottom: 1.1rem; color: #3d3f36; font-size: .98rem; }
.about-division-bullets { margin: 0 0 1.4rem; padding-left: 1.2rem; color: var(--muted); font-size: .92rem; }
.about-division-bullets li { margin-bottom: .45rem; }
.about-division-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1.4rem; margin-top: auto; }
.about-division-actions .seo-more { margin-top: 0; }

.about-units { background: var(--surface); }
.about-units-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
.about-unit-card { display: flex; flex-direction: column; justify-content: flex-start; padding: 1.75rem; background: var(--paper); border: 1px solid var(--line); border-top: 4px solid var(--orange); border-radius: var(--radius); }
.about-unit-card h3 { margin-bottom: .4rem; font-family: Georgia, "Times New Roman", serif; font-size: 1.65rem; font-weight: 500; }
.about-unit-address { margin-bottom: .75rem; color: var(--ink); font-style: normal; font-size: .92rem; font-weight: 650; }
.about-unit-scope { margin-bottom: 1.1rem; color: var(--muted); font-size: .9rem; line-height: 1.5; }
.about-unit-card .solar-phone { margin-top: auto; display: inline-flex; align-items: center; min-height: 44px; font-weight: 800; font-size: 1.1rem; color: var(--orange-dark); text-decoration: none; }
.about-unit-card .solar-phone:hover { text-decoration: underline; }

.about-corporate-channels { background: var(--paper); border-top: 1px solid var(--line); }
.about-channel-card { display: flex; flex-direction: column; background: var(--surface); }
.about-channel-card p { margin-bottom: 1rem; color: var(--muted); }

@media (max-width: 960px) {
	.about-page .about-hero .seo-hero-bg { inset: 0; opacity: .32; }
	.about-division-card { grid-template-columns: 1fr; }
	.about-division-media img { min-height: 220px; max-height: 300px; }
	.about-units-grid { grid-template-columns: 1fr; }
}