/* Páginas de locação — mesmo idioma visual do site, arquivo próprio para
   carregar rápido (elas são a porta de entrada de quem vem do Google). */
:root{
  --verde:#22b14c; --verde-fundo:#128437; --verde-escuro:#0c6b2d; --lima:#8cc63f;
  --papel:#fff; --papel2:#f2f8f3; --borda:#dceee1;
  --tinta:#12261a; --tinta2:#4a6354; --tinta3:#7d9587;
  --f:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;
}
:root:not([data-theme="light"]){ @media (prefers-color-scheme:dark){
  --papel:#0c1410; --papel2:#121d16; --borda:#22362a;
  --tinta:#e9f3ec; --tinta2:#a8c0b2; --verde-fundo:#0f6e2f;
}}
*{box-sizing:border-box}
body{margin:0;background:var(--papel);color:var(--tinta);font-family:var(--f);
  font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
.limite{max-width:1000px;margin:0 auto;padding-inline:20px}
a{color:var(--verde-fundo)}
header.topo{position:sticky;top:0;z-index:20;background:var(--papel);
  border-bottom:1px solid var(--borda)}
header.topo .limite{display:flex;align-items:center;gap:18px;padding-block:11px}
header.topo img{width:112px}
header.topo nav{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}
header.topo nav a{color:var(--tinta2);text-decoration:none;font-weight:500;font-size:15.5px;
  padding:11px 12px;border-radius:20px;min-height:44px;display:inline-flex;align-items:center}
header.topo nav a:hover{background:var(--papel2);color:var(--verde-fundo)}
.trilha{font-size:14.5px;color:var(--tinta3);padding-block:20px 0}
.trilha a{color:var(--tinta3);text-decoration:none}
.trilha a:hover{text-decoration:underline}
h1{font-size:clamp(28px,4.4vw,42px);line-height:1.1;letter-spacing:-.015em;
  margin:14px 0 0;text-wrap:balance}
.resumo{font-size:19.5px;color:var(--tinta2);margin:16px 0 0;max-width:62ch}
.grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:44px;
  margin-top:38px;align-items:start}
.arte{background:linear-gradient(155deg,var(--verde) 0%,var(--verde-fundo) 100%);
  border-radius:24px;padding:34px;color:#fff}
.arte svg{width:100%;height:auto;max-height:280px}
h2{font-size:clamp(22px,2.8vw,28px);margin:38px 0 10px;letter-spacing:-.01em}
p{margin:0 0 16px}
ul.marcada{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
ul.marcada li{display:flex;gap:12px;align-items:flex-start;color:var(--tinta2)}
ul.marcada li::before{content:"";width:22px;height:22px;border-radius:50%;flex:0 0 auto;
  background:var(--verde) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/14px no-repeat;
  margin-top:3px}
.acoes{display:flex;flex-direction:column;gap:12px;margin-top:24px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:54px;
  padding:14px 26px;border-radius:30px;text-decoration:none;font-weight:600;font-size:17px;
  background:var(--verde);color:#fff;border:2px solid var(--verde)}
.btn:hover{background:#2ecc5b;border-color:#2ecc5b}
.btn.claro{background:var(--papel);color:var(--verde-fundo);border-color:var(--borda)}
.btn.claro:hover{background:var(--papel2);border-color:var(--verde)}
.caixa{background:var(--papel2);border:1px solid var(--borda);border-radius:22px;
  padding:26px 26px 30px;margin-top:38px}
.outros{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:18px}
.outros a{display:block;background:var(--papel);border:1px solid var(--borda);border-radius:16px;
  padding:14px 16px;text-decoration:none;color:var(--tinta);font-weight:600;font-size:16px}
.outros a:hover{border-color:var(--verde);color:var(--verde-fundo)}
.outros a small{display:block;font-weight:400;font-size:14px;color:var(--tinta3);margin-top:2px}
footer{background:var(--verde-escuro);color:#d6f0de;margin-top:56px;padding-block:40px 26px}
footer a{color:#d6f0de}
footer .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:26px}
footer p{margin:0 0 8px;font-size:15.5px}
footer .fim{margin-top:26px;padding-top:16px;border-top:1px solid rgba(255,255,255,.18);
  font-size:13.5px;color:#a8e0bb}
@media (max-width:860px){ .grade{grid-template-columns:1fr;gap:26px} }
a:focus-visible{outline:3px solid var(--lima);outline-offset:3px}
