/* R.R. Advogados: ajustes de 21/10/2026 (cabeçalho, Área de acesso, janela de escolha do advogado) */
/* Página inicial: o menu recolhe antes de faltar espaço, e a logo não é mais comprimida */
@media (min-width:481px){.top .brand{flex:none}}
.top .wrap{max-width:1440px}
@media (max-width:400px){.top .brand .wordmark{max-width:calc(100vw - 226px)}}
@media (max-width:1400px){
  .top .menu-btn{display:inline-flex}
  .top .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--graphite,#363435);border-bottom:1px solid var(--graphite-line,#4a4849);flex-direction:column;gap:0;padding:8px max(16px,env(safe-area-inset-right,0px)) 14px max(16px,env(safe-area-inset-left,0px))}
  .top .nav.open{display:flex}
  .top .nav a{padding-block:12px;border-bottom:1px solid var(--graphite-line,#4a4849)}
  .top .social{order:-1;margin-right:auto}
}
/* Páginas internas: link da Área de acesso no topo */
header.top .rr-acesso{margin-left:auto;margin-right:14px;font-size:15px;color:#eee;text-decoration:none;border-bottom:1px solid transparent;white-space:nowrap}
header.top .rr-acesso:hover{border-bottom-color:#aaa}
@media (max-width:420px){header.top .rr-acesso{font-size:14px;margin-right:8px}}
/* Quem somos: link para o perfil */
.member .rr-perfil{grid-column:1/-1;justify-self:start;margin-top:.5rem;font-family:var(--f-display,inherit);font-size:.9rem;color:var(--silver,#c9cbcf);text-decoration:none;border-bottom:1px solid var(--graphite-line,#4a4849)}
.member .rr-perfil:hover{color:var(--silver-hi,#eef0f2);border-bottom-color:var(--silver-lo,#a9acb2)}
/* Janela de escolha do advogado */
.rrw-fundo{position:fixed;inset:0;background:rgba(26,25,26,.66);z-index:100;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
.rrw-caixa{background:#f3f3f1;color:#232223;max-width:900px;width:100%;max-height:100%;overflow:auto;padding:26px 22px 22px;position:relative;border-top:3px solid #a9acb2;box-shadow:0 24px 60px rgba(0,0,0,.4);font-family:"Jost","Segoe UI",system-ui,sans-serif;line-height:1.5}
.rrw-caixa .k{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:#4f4e54;margin:0 0 .4rem}
.rrw-caixa h2{font-size:clamp(1.35rem,2.6vw,1.75rem);font-weight:500;margin:0 44px .4rem 0;line-height:1.2}
.rrw-caixa p.s{margin:0 0 18px;color:#4f4e54;font-size:1rem}
.rrw-x{position:absolute;top:12px;right:12px;width:42px;height:42px;border:1px solid #cfcfcb;background:transparent;font-size:1.5rem;line-height:1;cursor:pointer;color:#232223;border-radius:2px}
.rrw-x:hover{border-color:#232223}
.rrw-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.rrw-c{background:#363435;color:#eef0f2;padding:20px 18px;display:flex;flex-direction:column;gap:.3rem;min-width:0}
.rrw-c h3{font-size:1rem;letter-spacing:.05em;text-transform:uppercase;font-weight:500;margin:0}
.rrw-c .o{font-size:.86rem;color:#a9acb2}
.rrw-c p{margin:.2rem 0 .6rem;font-size:.93rem;color:#c9cbcf}
.rrw-c .w{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;background:#1f7a4a;color:#fff;text-decoration:none;font-weight:500;padding:.75rem 1rem;border-radius:2px}
.rrw-c .w:hover{background:#17623b}
.rrw-c .w svg{width:18px;height:18px;flex:none}
.rrw-c .p{font-size:.88rem;color:#c9cbcf;text-align:center;padding-top:.5rem}
.rrw-c .p:hover{color:#fff}
.rrw-x:focus-visible,.rrw-c a:focus-visible{outline:2px solid #eef0f2;outline-offset:3px}
@media (max-width:760px){.rrw-g{grid-template-columns:1fr}.rrw-caixa{padding:22px 16px 16px}}
/* Páginas novas */
.rr-cards{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.rr-cards .card h3{margin-top:0}
.rr-cards .card .btn{margin-top:10px}
.rr-cards button.card{font:inherit;text-align:left;cursor:pointer;width:100%}
.rr-cards button.card:hover{border-color:#23262b}
.rr-areas{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}
.rr-areas a{display:inline-block;background:#fff;border:1px solid #dedbd0;border-radius:6px;padding:6px 12px;text-decoration:none;color:inherit}
.rr-areas a:hover{border-color:#23262b}
