:root{--azul:#12355b;--azul2:#1d4e89;--ocre:#c8892b;--fundo:#f6f3ec;--card:#fff;--txt:#222;--sub:#666;--borda:#e2dccf}
*{box-sizing:border-box}
body{margin:0;font-family:Georgia,"Times New Roman",serif;background:var(--fundo);color:var(--txt);line-height:1.5}
a{color:var(--azul2)}
.topo{background:var(--azul);color:#fff}
.faixa{display:flex;justify-content:space-between;gap:8px;padding:6px 16px;font:13px system-ui,sans-serif;background:#0c2540;flex-wrap:wrap}
.marca{text-align:center;padding:34px 16px 26px;background:linear-gradient(rgba(10,30,50,.35),rgba(10,30,50,.55)),url(/topo.jpg) center 22%/cover;text-shadow:0 2px 6px rgba(0,0,0,.75)}
@media(max-width:720px){.marca{background-image:linear-gradient(rgba(10,30,50,.35),rgba(10,30,50,.55)),url(/topo-m.jpg)}}
.logo{color:#fff;text-decoration:none;font-size:clamp(30px,6vw,48px);font-weight:bold;letter-spacing:1px}
.marca small{display:block;color:#f1f4f8;font:14px system-ui,sans-serif}
nav{display:flex;gap:4px;overflow-x:auto;padding:8px 12px;font:15px system-ui,sans-serif;scrollbar-width:none}
nav a{color:#fff;text-decoration:none;padding:6px 12px;border-radius:20px;white-space:nowrap}
nav a:hover{background:rgba(255,255,255,.12)}
nav a.destaque{background:var(--ocre);font-weight:600}
main{max-width:1100px;margin:auto;padding:0 16px}
section{background:var(--card);border:1px solid var(--borda);border-radius:10px;padding:18px;margin:18px 0}
h2{margin:0 0 10px;color:var(--azul);border-bottom:3px solid var(--ocre);display:inline-block}
h3{margin:12px 0 6px;color:var(--azul2)}
.campanha{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:linear-gradient(135deg,#3b2a14,#7a5526);color:#fff;border:0}
.campanha h1{margin:0 0 8px;font-size:clamp(22px,4vw,32px)}
.link-claro{color:#ffe2b0;font:14px system-ui,sans-serif;margin-left:10px}
.galeria{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;align-content:start}
.galeria figure{margin:0;position:relative}
.galeria img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;filter:sepia(.35);cursor:zoom-in}
.galeria figcaption{font:11px system-ui,sans-serif;color:#f3e3c4}
.galeria .vazio{grid-column:1/-1;opacity:.8;font-style:italic}
.btn{background:var(--ocre);color:#fff;border:0;border-radius:6px;padding:10px 16px;font:600 15px system-ui,sans-serif;cursor:pointer;text-decoration:none;display:inline-block}
.btn.sec{background:#888}
.abas{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.abas button{border:1px solid var(--borda);background:#fff;border-radius:16px;padding:5px 12px;cursor:pointer;font:14px system-ui,sans-serif}
.abas .ativa{background:var(--azul);color:#fff;border-color:var(--azul)}
.noticias{list-style:none;padding:0;margin:0}
.noticias li{padding:8px 0;border-bottom:1px solid var(--borda)}
.noticias a{text-decoration:none;font-weight:600;color:var(--txt)}
.noticias a:hover{color:var(--azul2)}
.noticias small,.nota{color:var(--sub);font:13px system-ui,sans-serif}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.cartoes{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:12px}
.cartao{border:1px solid var(--borda);border-radius:8px;overflow:hidden;background:#fffdf8}
.cartao img{width:100%;height:170px;object-fit:cover;display:block}
.cartao div{padding:10px}
.cartao h4{margin:0 0 4px}
.cartao p{margin:4px 0;font-size:15px;white-space:pre-line}
.preco{color:#1a7a35;font:700 18px system-ui,sans-serif}
.anuncios{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:18px 0}
.anuncios:empty{display:none}
.anuncio{display:flex;gap:10px;align-items:center;background:#fff8e8;border:1px dashed var(--ocre);border-radius:8px;padding:8px;text-decoration:none;color:var(--txt)}
.anuncio img{width:72px;height:72px;object-fit:cover;border-radius:6px}
.anuncio .tag{font:10px system-ui,sans-serif;color:var(--sub);text-transform:uppercase}
.lot{border:1px solid var(--borda);border-radius:8px;padding:8px;margin-bottom:8px}
.bolas{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0}
.bolas span{background:var(--azul2);color:#fff;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font:600 13px system-ui,sans-serif}
.extr{white-space:pre-line;font:14px ui-monospace,monospace;background:#faf7f0;padding:8px;border-radius:6px}
.terra .caixa{background:#faf3e3;border-radius:8px;padding:12px}
.anuncie{text-align:center;background:#eef3f9}
footer{text-align:center;padding:20px;color:var(--sub);font:14px system-ui,sans-serif}
dialog{border:0;border-radius:10px;width:min(520px,94vw);padding:0}
dialog::backdrop{background:rgba(0,0,0,.5)}
#form{padding:18px;display:grid;gap:8px;font-family:system-ui,sans-serif}
#form label{display:grid;gap:2px;font-size:14px}
#form input,#form textarea,#form select{font:15px system-ui,sans-serif;padding:8px;border:1px solid #ccc;border-radius:6px;width:100%}
#form .linha{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#form .aceite{display:flex;gap:8px;align-items:flex-start;font-size:13px}
#form .aceite input{width:auto;margin-top:3px}
.acoes{display:flex;justify-content:flex-end;gap:8px}
.msg{min-height:1em;margin:0;font-size:14px}
.oculto{position:absolute;left:-9999px}
.zoom{max-width:96vw;max-height:90vh}
@media(max-width:720px){.campanha,.cols{grid-template-columns:1fr}}

@media(min-width:721px){.marca{padding:64px 16px 54px}}