/* Identidade e conteúdo institucional de Barbieri e Advogados Associados. */
.brand-long strong { font-size: 14px; letter-spacing: -.7px; }
.brand-long small { letter-spacing: 1.55px; }
.about { display: grid; grid-template-columns: .72fr 1.28fr; gap: 7vw; align-items: start; background: #f0f2ff; }
.about-intro h2 { margin: 16px 0 22px; max-width: 500px; font-size: clamp(34px, 3.8vw, 56px); font-weight: 800; line-height: 1.02; letter-spacing: -.07em; }
.about-badge { display: inline-flex; padding: 10px 13px; border-radius: 12px; background: var(--lime); color: var(--deep); font-size: 11px; font-weight: 900; }
.about-text { display: grid; gap: 16px; padding: 24px; border: 1px solid #dde3f3; border-radius: 20px; background: #fff; box-shadow: 0 10px 24px #1d36700c; }
.about-text p { margin: 0; color: #53617f; font-size: 13px; line-height: 1.78; }
.about-text strong { color: var(--deep); }
.footer-details { display: flex; justify-content: space-between; gap: 28px; }
.footer-details > div { display: grid; gap: 6px; max-width: 640px; }
.footer-details strong { color: #fff; font-size: 10px; letter-spacing: .7px; }
.footer-details span, .footer-details a { color: #b2bedf; font-size: 9px; line-height: 1.55; }
.footer-details a { color: var(--lime); font-weight: 800; }
@media (max-width: 800px) { .brand-long strong { font-size: 12px; } .about { grid-template-columns: 1fr; padding-top: 60px; padding-bottom: 60px; } .about-text { padding: 19px; } .about-text p { font-size: 12px; } .footer-details { flex-direction: column; } }