@import url('/comum/iplar/tokens.css');
:root{--marca:#153d33;--cor:#153d33;--tinta-3:#5e594f;--ok:#17633f;--alerta:#81510c;--color-muted:#c4d5c8}
body,input,select,textarea,button{font-family:var(--font-body)}h1,h2,.m-capa h1{font-family:var(--font-display)}
button,a.botao,.botao,.m-botao,summary{min-height:44px}button,.botao,.m-botao{min-width:44px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #153d33;outline-offset:3px;box-shadow:0 0 0 6px #efd28d}
.m-logo,.logo img{background:#fff9e9;border-radius:8px;padding:8px;object-fit:contain}
.m-mini,.m-atalho small{color:#5e594f}.m-atalho.principal small{color:#e1eee4}
.entrada,.m-entrada{border-color:#7b817b}.m-conteudo>*{min-width:0}img{max-width:100%}
.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-180%);z-index:1000;background:#fff9e9;color:#153d33;padding:12px}.skip-link:focus{transform:none}
@media(max-width:600px){.acoes-topo{flex-wrap:wrap}.principal,.vista,.topo{min-width:0}.topo{flex-wrap:wrap}.res-visao-topo{flex-wrap:wrap}.res-filtros{flex-wrap:wrap}.res-busca{max-width:100%}.bloco>header{flex-wrap:wrap;gap:12px}.m-responder{flex-wrap:wrap}.m-responder button{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important} .carregando{animation:none!important}}

.modo-residencial{--res-texto-3:#526358}.modo-residencial .topo .rotulo{color:#526358}.modo-residencial .res-wifi{color:#526358}.res-abrir{border:0;background:transparent;color:inherit;font:inherit;text-align:left;padding:4px 8px;margin-left:-8px}.res-menu button{display:block;width:100%;text-align:left;border:0;background:transparent;color:#153d33;padding:12px;font:inherit}
body .m-mini,body .m-atalho small{color:#59574d}body .m-atalho.principal small{color:#e1eee4}
body .numero{color:#6c5316}
body[data-residencial] .capa h1{font-family:var(--font-display)}body[data-residencial]{font-family:var(--font-body)}

.modo-residencial #papel-usuario{color:#c4d5c8}
:root{--titulo:Fraunces,serif;--texto:Figtree,sans-serif}.app .capa .logo{width:240px;height:84px;max-width:80%;border-radius:14px;background:#fff9e9}.app .capa .logo img{padding:10px;width:100%;height:100%}.app .capa h1,.app .capa.com-foto h1{font-family:Fraunces,serif}.app .rodape{color:#526358}.res-menu button:hover{background:#e8f2ec}
