:root{--papel:#f6f1e7;--papel2:#ede5d4;--tinta:#2b2118;--suave:#5f5246;--terra:#9a3b1b;--terra2:#7d2f15;--linha:#d6cab2;--claro:#fbf8f2}
*{box-sizing:border-box}
html{font-size:17px;scroll-behavior:smooth}
body{margin:0;background:var(--papel);color:var(--tinta);font-family:Charter,"Bitstream Charter","Iowan Old Style",Georgia,serif;line-height:1.65}
img{max-width:100%}
a{color:var(--terra)}
a:hover{color:var(--terra2)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--terra);outline-offset:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.topo{background:var(--tinta);color:var(--papel)}
.topo .in{max-width:1080px;margin:0 auto;padding:12px 16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px}
.marca{display:flex;align-items:center;gap:10px;color:var(--papel);text-decoration:none;font-size:1.25rem;font-weight:700;letter-spacing:.01em}
.marca:hover{color:#fff}
.marca svg{flex:none}
.marca .m2{color:#e7a37f}
.topo nav{display:flex;flex-wrap:wrap;gap:2px 4px;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}
.topo nav a{color:var(--papel);text-decoration:none;padding:6px 8px;border-radius:4px}
.topo nav a:hover{background:rgba(255,255,255,.1);color:#fff}
main{max-width:1080px;margin:0 auto;padding:22px 16px 48px}
.estreito{max-width:720px}
h1{font-size:2.1rem;line-height:1.18;margin:.2em 0 .4em;letter-spacing:-.01em}
h2{font-size:1.3rem;margin:1.8em 0 .5em;padding-top:.5em;border-top:1px solid var(--linha)}
h3{font-size:1.05rem;margin:1.2em 0 .3em}
.olho{font-size:1.12rem;color:var(--suave)}
.migalha{font-family:system-ui,sans-serif;font-size:.8rem;color:var(--suave)}
.migalha a{color:var(--suave)}
.kicker{font-family:system-ui,sans-serif;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--terra);font-weight:600;margin:0}
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center;padding:18px 0 8px}
.hero h1{font-size:2.5rem}
.hero-fotos{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hero-fotos img{display:block;width:100%;height:auto;border:1px solid var(--linha);background:var(--papel2)}
.hero-fotos img:first-child{grid-column:1/3}
.busca-hero{display:flex;gap:8px;margin:18px 0 10px;font-family:system-ui,sans-serif}
.busca-hero input{flex:1;min-width:0;font:inherit;font-size:1rem;padding:11px 12px;border:2px solid var(--tinta);background:#fff;color:var(--tinta)}
.busca-hero button,.botao{font:inherit;font-family:system-ui,sans-serif;font-weight:600;padding:11px 18px;border:0;background:var(--terra);color:#fff;cursor:pointer;text-decoration:none;display:inline-block}
.busca-hero button:hover,.botao:hover{background:var(--terra2);color:#fff}
.numeros{display:flex;flex-wrap:wrap;gap:18px;list-style:none;padding:0;margin:8px 0 0;font-family:system-ui,sans-serif;font-size:.85rem;color:var(--suave)}
.numeros b{display:block;font-family:Georgia,serif;font-size:1.6rem;color:var(--tinta);line-height:1.1}
.ficha-grade{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:36px;align-items:start}
.ficha-grade .lado{grid-column:2;grid-row:1;position:sticky;top:16px}
.ficha-grade .texto{grid-column:1;grid-row:1;min-width:0}
.ficha{width:100%;border-collapse:collapse;background:var(--claro);border:1px solid var(--linha);font-size:.9rem}
.ficha caption{text-align:left;font-family:system-ui,sans-serif;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;padding:10px 12px;background:var(--tinta);color:var(--papel)}
.ficha th,.ficha td{display:block;padding:0 12px;text-align:left}
.ficha th{padding-top:9px;font-family:system-ui,sans-serif;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--suave)}
.ficha td{padding-bottom:9px;border-bottom:1px solid var(--linha)}
.lado .mapa-link{font-family:system-ui,sans-serif;font-size:.85rem;margin:10px 0 0}
.passagem{border-left:4px solid var(--terra);padding:8px 14px;margin:10px 0;background:var(--claro)}
.passagem b{display:block}
.limite{border:1px dashed var(--terra);padding:4px 16px;background:#fbf3ee}
.selo{display:inline-block;font-family:system-ui,sans-serif;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--tinta);padding:1px 7px;margin:0 6px 4px 0}
.selo.alerta{background:var(--terra);border-color:var(--terra);color:#fff}
.grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;padding:0;list-style:none}
.cartao{border:1px solid var(--linha);background:var(--claro);transition:transform .15s,box-shadow .15s}
.cartao:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(43,33,24,.12)}
.cartao a{display:block;height:100%;padding:0 0 14px;text-decoration:none;color:var(--tinta)}
.cartao a>*:not(img){margin-left:14px;margin-right:14px}
.cartao a:hover h3{color:var(--terra)}
.cartao img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;margin-bottom:10px;background:var(--papel2)}
.cartao .selo{margin-top:12px}
.cartao img+.selo{margin-top:0}
.cartao h3{margin:.2em 14px .2em}
.cartao p{margin:.2em 14px;color:var(--suave);font-size:.9rem}
.filtros{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0;font-family:system-ui,sans-serif;font-size:.9rem}
.filtros select,.filtros input{font:inherit;padding:8px 10px;border:1px solid var(--tinta);background:#fff;color:var(--tinta)}
.filtros input{flex:1;min-width:200px}
.tempo{list-style:none;padding:0;border-left:3px solid var(--tinta);margin-left:6px}
.tempo li{position:relative;padding:4px 0 14px 20px}
.tempo li:before{content:"";position:absolute;left:-8px;top:12px;width:13px;height:13px;background:var(--terra);border-radius:50%}
.tempo .ano{font-family:system-ui,sans-serif;font-size:.8rem;font-weight:700;color:var(--suave)}
.autor{margin-top:34px;border-top:2px solid var(--tinta);padding-top:12px;font-size:.92rem;color:var(--suave)}
.fontes li{margin:.3em 0}
.foto{margin:18px 0}
.foto img{display:block;width:100%;height:auto;border:1px solid var(--linha)}
.foto figcaption{font-family:system-ui,sans-serif;font-size:.76rem;color:var(--suave);margin-top:6px}
.vizinhos{display:flex;justify-content:space-between;gap:12px;margin-top:28px;font-family:system-ui,sans-serif;font-size:.88rem}
.vizinhos a{display:block;max-width:48%;padding:10px 12px;border:1px solid var(--linha);background:var(--claro);text-decoration:none}
.vizinhos a span{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--suave)}
.vizinhos a:last-child{text-align:right;margin-left:auto}
.rodape{background:var(--tinta);color:#d9cdb8;font-family:system-ui,sans-serif;font-size:.85rem}
.rodape .in{max-width:1080px;margin:0 auto;padding:28px 16px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}
.rodape b{color:var(--papel);font-family:Georgia,serif;font-size:1.05rem}
.rodape p{margin:.5em 0 0}
.rodape nav{display:flex;flex-direction:column;gap:6px}
.rodape a{color:#e8dcc6;text-decoration:none}
.rodape a:hover{color:#fff;text-decoration:underline}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero h1{font-size:2rem}.ficha-grade{grid-template-columns:1fr;gap:0}.ficha-grade .lado{grid-column:1;grid-row:auto;position:static;margin-bottom:8px}.ficha-grade .texto{grid-column:1;grid-row:auto}.rodape .in{grid-template-columns:1fr 1fr}.rodape .in>div{grid-column:1/3}}
@media(max-width:600px){html{font-size:16px}h1,.hero h1{font-size:1.65rem}.topo nav{font-size:.72rem}.busca-hero{flex-direction:column}}