:root { --fundo: #faf8f4; --texto: #23262b; --suave: #5d636b; --marca: #1f3a5f; --linha: #e3ddd2; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--fundo); color: var(--texto); font: 17px/1.6 Georgia, "Times New Roman", serif; }
a { color: var(--marca); }
.wrap { max-width: 760px; margin: 0 auto; padding: 0 16px; }
header { border-bottom: 1px solid var(--linha); padding: 28px 0 18px; }
.marca { margin: 0; font-size: 26px; letter-spacing: .5px; color: var(--marca); }
.marca a { text-decoration: none; }
.marca span { font-style: italic; color: var(--suave); }
.oab { margin: 4px 0 0; font: 13px/1.4 system-ui, sans-serif; color: var(--suave); }
main { padding: 32px 16px 48px; }
h1 { font-size: 28px; line-height: 1.25; color: var(--marca); margin: 0 0 16px; }
h2 { font-size: 20px; color: var(--marca); margin: 32px 0 8px; }
section + section { border-top: 1px solid var(--linha); margin-top: 28px; }
.areas { padding-left: 20px; }
.areas li { margin: 6px 0; }
h3 { font-size: 17px; margin: 0 0 4px; }
.locais { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; margin: 12px 0; }
.locais p { margin: 0; }
.botao { display: inline-block; background: var(--marca); color: #fff; text-decoration: none; padding: 10px 20px; border-radius: 4px; font: 15px system-ui, sans-serif; }
.texto p { text-align: justify; }
.data { font: 14px system-ui, sans-serif; color: var(--suave); }
footer { border-top: 1px solid var(--linha); padding: 20px 0 32px; font: 14px/1.6 system-ui, sans-serif; color: var(--suave); }
footer p { margin: 4px 0; }