/* layout editorial, segue a ordem da página da loteadora */
:root{--r:6px}
.btn{border-radius:10px;font-size:16px;min-height:54px}
.btn.sun{box-shadow:none}
.hero{min-height:90svh}
.hero .top{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase}
.hero .top span{opacity:.85}
.hero h1{text-transform:uppercase;letter-spacing:-.01em;font-weight:800}
.hero p.sub{max-width:560px}
.hero .loc{margin:10px 0 0;font-size:14px;opacity:.85}
.pf{background:var(--deep);color:#fff}
.pf ul{list-style:none;margin:0 auto;padding:18px var(--gut);max-width:1040px;display:grid;gap:14px;grid-template-columns:1fr}
.pf span{display:block;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;opacity:.7}
.pf b{display:block;font-size:22px;font-weight:800;margin-top:2px}
.pf b i{font-style:normal;font-size:.62em;font-weight:600;opacity:.8}
.pf li:first-child b{color:var(--sun)}
.pf small{display:block;max-width:1040px;margin:0 auto;padding:0 var(--gut) 16px;font-size:12.5px;opacity:.7}
.tri{display:grid;margin-top:8px}
.tri>div{padding:26px 0;border-bottom:1px solid var(--line)}
.tri h3{font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:var(--green);font-weight:800}
.tri b{display:block;font-size:26px;line-height:1.1;margin:6px 0 8px;letter-spacing:-.02em}
.tri p{margin:0;color:var(--muted);font-size:16px}
.ed{margin-top:64px}
.ed .k{display:block;font-size:12.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--green)}
.ed h2{font-size:clamp(28px,7vw,42px);line-height:1.06;margin:8px 0 12px;text-transform:none}
.ed p{margin:0;color:var(--muted)}
.ed .ph{margin:24px calc(var(--gut) * -1) 0;aspect-ratio:4/3;background:var(--soft);overflow:hidden}
.ed .ph img{width:100%;height:100%;object-fit:cover}
.ck{list-style:none;margin:20px 0 0;padding:0}
.ck li{position:relative;padding:12px 0 12px 22px;border-top:1px solid var(--line);font-weight:600;font-size:16px;line-height:1.3}
.ck li:last-child{border-bottom:1px solid var(--line)}
.ck li::before{content:"";position:absolute;left:0;top:19px;width:8px;height:8px;background:var(--sun);border-radius:1px}
.ck li small{display:block;font-weight:500;color:var(--muted);font-size:14.5px;margin-top:2px}
.sec h2{text-transform:none}
footer{padding-bottom:calc(32px + env(safe-area-inset-bottom))}
.gal figure{border-radius:6px}
.mapa-frame{margin:0 calc(var(--gut) * -1)}
.steps li{border-radius:0;box-shadow:none;border-top:1px solid var(--line);padding:16px 0 16px 56px}
.steps li::before{left:0;top:14px;width:38px;height:38px;border-radius:4px;font-size:18px}
.final{border-radius:0;margin-left:calc(var(--gut) * -1);margin-right:calc(var(--gut) * -1)}
@media(min-width:760px){
  .pf ul{grid-template-columns:repeat(3,1fr);gap:24px}
  .tri{grid-template-columns:repeat(3,1fr);gap:32px}
  .tri>div{border-bottom:0;border-top:3px solid var(--green);padding:20px 0 0}
  .ed .row{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
  .ed.rev .row .ph{order:-1}
  .ed .ph{margin:0;border-radius:6px;aspect-ratio:4/3}
  .ck{margin-top:22px}
  .mapa-frame{margin:0}
  .final{margin-left:0;margin-right:0;border-radius:6px}
}