/* Rodapé (prefixo ro-) */
.ro-rodape{position:relative; isolation:isolate; background:var(--tinta-3); color:var(--porcelana); padding:0 var(--margem) 1.6rem; overflow:hidden}
.ro-rodape::before{content:""; position:absolute; inset:0 0 auto 0; height:1px; background:var(--fio-escuro)}
.ro-escala{display:flex; justify-content:center; padding:var(--e5) 0 var(--e3)}
.ro-leque{width:min(260px, 60vw); height:auto; opacity:.95}
.ro-leque .ro-dentes use{filter:drop-shadow(0 2px 2px rgb(0 0 0 / .35))}
.ro-miolo{max-width:76rem; margin-inline:auto; display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:var(--e4); align-items:start; padding:var(--e4) 0; border-top:1px solid var(--fio-escuro); border-bottom:1px solid var(--fio-escuro)}
.ro-marca{display:flex; align-items:center; gap:.9rem}
.ro-marca svg{width:2.2rem; height:2.2rem; flex:none; color:var(--marfim-3)}
.ro-marca div{display:flex; flex-direction:column; line-height:1.3}
.ro-marca strong{font-family:var(--f-titulo); font-weight:400; font-size:1.2rem; letter-spacing:.01em}
.ro-marca span{font-size:var(--t-pequeno); letter-spacing:.06em; color:var(--marfim-3)}
.ro-endereco{font-style:normal; font-size:.95rem; line-height:1.7; color:var(--apoio-escuro)}
.ro-endereco a{color:var(--porcelana); text-decoration:none; background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat}
.ro-nav{display:grid; grid-template-columns:repeat(2, max-content); gap:.35rem 2rem; font-size:.95rem}
.ro-nav a{text-decoration:none; color:var(--apoio-escuro); padding:.15rem 0; background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat; transition:background-size .5s var(--curva), color .3s}
.ro-nav a:hover{color:var(--porcelana); background-size:100% 1px}
.ro-linha{max-width:76rem; margin-inline:auto; display:flex; justify-content:space-between; gap:var(--e3); flex-wrap:wrap; padding-top:1.2rem; font-size:var(--t-pequeno); letter-spacing:.03em; color:rgb(246 241 231 / .6)}
.ro-selo a{color:var(--porcelana); text-decoration:none; font-weight:500; background:linear-gradient(var(--marfim-3),var(--marfim-3)) 0 100%/100% 1px no-repeat; padding-bottom:1px}
.ro-selo a:hover{color:var(--mel)}
@media (max-width:860px){
  .ro-miolo{grid-template-columns:1fr; gap:var(--e3)}
  .ro-linha{flex-direction:column; gap:.5rem}
}