/* Container Principal do Sobre */
.about-container { max-width: 900px; margin: 4rem auto; padding: 0 1.5rem; }

.about-header { text-align: center; margin-bottom: 3.5rem; }
.about-header h1 { font-family: Georgia, serif; font-size: 2.75rem; font-weight: 700; color: #111827; line-height: 1.2; margin-bottom: 1rem; }
.about-header h1 span { color: #D97706; font-style: italic; }
.about-header p { font-size: 1.125rem; color: #4B5563; font-weight: 300; max-width: 40rem; margin: 0 auto; }

/* Corpo do Texto e Destaques */
.about-content { background: #FFFFFF; padding: 3rem; border-radius: 1rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03); border: 1px solid #E5E7EB; }

.about-content h2 { font-family: Georgia, serif; font-size: 1.75rem; font-weight: 700; color: #111827; margin-top: 2.5rem; margin-bottom: 1rem; position: relative; padding-bottom: 0.5rem; border-bottom: 2px solid #FEF3C7; }
.about-content h2:first-of-type { margin-top: 0; }

.about-content p { font-size: 1.05rem; color: #374151; margin-bottom: 1.5rem; font-weight: 300; line-height: 1.6; }

/* Palavras de Efeito e Destaques Tipográficos */
.highlight-serif { font-family: Georgia, serif; font-style: italic; color: #B45309; font-weight: 600; }
.highlight-box { background-color: #FFFBEB; border-left: 4px solid #D97706; padding: 1.25rem; margin: 1.5rem 0; border-radius: 0 0.5rem 0.5rem 0; font-family: Georgia, serif; color: #78350F; font-size: 1.1rem; }

/* Lista de Frentes de Atuação */
.features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem; margin-top: 2rem; }
.feature-item { background: #FDFBF7; border: 1px solid #F3F4F6; padding: 1.5rem; border-radius: 0.75rem; box-shadow: 0 1px 3px rgba(0,0,0,0.02); }
.feature-item h3 { font-family: Georgia, serif; font-size: 1.125rem; font-weight: 700; color: #111827; margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.5rem; }
.feature-item h3 span { color: #D97706; }
.feature-item p { font-size: 0.9rem; color: #6B7280; margin-bottom: 0; }

footer { margin-top: 4rem; }

@media(max-width: 768px) {
    .about-header h1 { font-size: 2.25rem; }
    .about-content { padding: 1.5rem; }
}