/* CaptaImóv — site institucional. Operado pela CLI.
   Paleta: azul-marinho e dourado (marca CLI). */
:root{
  --marinho:#0C2340;
  --marinho-claro:#173B60;
  --ouro:#B0882F;
  --ouro-claro:#D9B45F;
  --papel:#FFFFFF;
  --papel2:#F4F6F8;
  --tinta:#132535;
  --tinta2:#55697C;
  --linha:#DFE4EA;
  --leitura:38rem;
}
@media (prefers-color-scheme: dark){ :root{
  --marinho:#081A2E;
  --marinho-claro:#12304E;
  --ouro:#D9B45F;
  --ouro-claro:#E8CE8D;
  --papel:#0D1720;
  --papel2:#131F2A;
  --tinta:#E3EAF1;
  --tinta2:#93A6B7;
  --linha:#213141;
}}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--papel); color:var(--tinta);
  font-family:Karla,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:16.5px; line-height:1.68;
}
a{color:var(--ouro); text-decoration:none; border-bottom:1px solid transparent}
a:hover{border-bottom-color:currentColor}
a:focus-visible{outline:2px solid var(--ouro); outline-offset:2px}

.faixa{background:var(--marinho); color:#F2F5F8}
.dentro{max-width:62rem; margin:0 auto; padding-left:22px; padding-right:22px}

/* topo */
.topo{display:flex; align-items:center; justify-content:space-between; gap:1rem; padding-block:1.1rem}
.logo{display:flex; align-items:baseline; gap:.5rem; color:#F2F5F8; border:0}
.logo b{font-family:"Instrument Serif",Georgia,serif; font-size:1.45rem; font-weight:400; letter-spacing:.01em}
.logo span{font-size:.72rem; letter-spacing:.16em; text-transform:uppercase; color:var(--ouro-claro)}
.topo nav{display:flex; gap:1.2rem; font-size:.88rem}
.topo nav a{color:#C6D2DE; border:0}
.topo nav a:hover{color:var(--ouro-claro)}

/* capa */
.capa{padding-block:4.5rem 5rem; border-bottom:1px solid rgba(255,255,255,.08)}
@media(max-width:640px){ .capa{padding-block:3rem 3.5rem} }
.capa h1{
  font-family:"Instrument Serif",Georgia,serif; font-weight:400;
  font-size:clamp(2.1rem,6.5vw,3.5rem); line-height:1.1; margin:0 0 1rem;
  max-width:24ch; text-wrap:balance; letter-spacing:-.005em;
}
.capa p{margin:0; max-width:40ch; color:#BFCDDA; font-size:1.08rem}
.capa .selo{font-size:.74rem; letter-spacing:.16em; text-transform:uppercase; color:var(--ouro-claro); margin:0 0 1.2rem}

/* seções */
section{padding-block:3.5rem}
section + section{border-top:1px solid var(--linha)}
h2{font-family:"Instrument Serif",Georgia,serif; font-weight:400; font-size:1.75rem;
   line-height:1.2; margin:0 0 1.1rem; text-wrap:balance}
h3{font-size:1rem; font-weight:700; margin:0 0 .3rem}
p{margin:0 0 .9rem; max-width:var(--leitura)}
p:last-child{margin-bottom:0}

.tres{display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; margin-top:1.5rem}
@media(max-width:760px){ .tres{grid-template-columns:1fr; gap:1.1rem} }
.cartao{background:var(--papel2); border:1px solid var(--linha); padding:1.25rem 1.35rem}
.cartao .quem{font-size:.72rem; letter-spacing:.13em; text-transform:uppercase; color:var(--ouro); font-weight:700; display:block; margin-bottom:.45rem}
.cartao p{font-size:.93rem; color:var(--tinta2); margin:0}
.cartao code{font-family:ui-monospace,"SF Mono",Menlo,monospace; font-size:.82rem; color:var(--tinta);
  display:block; margin-top:.6rem; word-break:break-all}

.chamada{border-left:3px solid var(--ouro); padding-left:1.1rem; font-family:"Instrument Serif",Georgia,serif;
  font-size:1.3rem; line-height:1.35; max-width:30ch; margin:0 0 1.2rem}

dl{display:grid; grid-template-columns:auto 1fr; gap:.4rem 1.2rem; margin:0; font-size:.94rem; max-width:var(--leitura)}
@media(max-width:520px){ dl{grid-template-columns:1fr; gap:.1rem 0} dl dd{margin-bottom:.7rem} }
dt{color:var(--tinta2)}
dd{margin:0}

/* rodapé */
.rodape{padding-block:2.2rem; font-size:.85rem; color:#93A6B7}
.rodape a{color:#C6D2DE}
.rodape .fim{display:flex; flex-wrap:wrap; gap:.5rem 1.5rem; justify-content:space-between; align-items:baseline}

/* política */
.doc{padding-block:3rem}
.doc h1{font-family:"Instrument Serif",Georgia,serif; font-weight:400; font-size:clamp(1.9rem,5vw,2.6rem);
  line-height:1.15; margin:0 0 .4rem}
.doc .data{color:var(--tinta2); font-size:.88rem; margin:0 0 2.2rem}
.doc h2{font-size:1.28rem; margin-top:2.4rem}
.doc h2:first-of-type{margin-top:1.5rem}
.doc h3{margin-top:1.4rem}
.doc ul{max-width:var(--leitura); padding-left:1.2rem; margin:0 0 .9rem}
.doc li{margin-bottom:.3rem}
.doc li::marker{color:var(--ouro)}
.doc .rolo{overflow-x:auto; max-width:var(--leitura); margin:0 0 1rem}
.doc table{border-collapse:collapse; width:100%; font-size:.9rem}
.doc th,.doc td{text-align:left; padding:.5rem .7rem; border-bottom:1px solid var(--linha); vertical-align:top}
.doc th{font-size:.73rem; text-transform:uppercase; letter-spacing:.07em; color:var(--tinta2)}
.doc .destaque{background:var(--papel2); border:1px solid var(--linha); border-left:3px solid var(--ouro);
  padding:1rem 1.15rem; max-width:var(--leitura); margin:0 0 1.2rem}
.doc .destaque p{margin:0}
.volta{display:inline-block; margin-bottom:1.5rem; font-size:.88rem}

/* ---- página de acesso ---- */
.aviso-topo{background:var(--papel2); border:1px solid var(--linha); border-left:3px solid var(--ouro);
  padding:1rem 1.15rem; max-width:var(--leitura); margin:0 0 2rem}
.aviso-topo p{margin:0; font-size:.95rem}
.passo{margin:0 0 2.5rem}
.passo > .cab{display:flex; align-items:baseline; gap:.7rem; margin:0 0 .9rem}
.passo .n{font-family:"Instrument Serif",Georgia,serif; font-size:1.6rem; color:var(--ouro); line-height:1}
.passo .cab h2{margin:0}
.enderecos{display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin:0 0 1rem}
@media(max-width:760px){ .enderecos{grid-template-columns:1fr} }
.end{background:var(--papel2); border:1px solid var(--linha); padding:1rem 1.1rem;
  display:flex; flex-direction:column; gap:.4rem}
.end b{font-size:.72rem; letter-spacing:.13em; text-transform:uppercase; color:var(--ouro)}
.end span{font-size:.88rem; color:var(--tinta2)}
.end a{font-family:ui-monospace,"SF Mono",Menlo,monospace; font-size:.9rem; word-break:break-all;
  color:var(--tinta); border-bottom:1px solid var(--ouro)}
.aparelhos{display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; margin:0 0 1rem}
@media(max-width:700px){ .aparelhos{grid-template-columns:1fr} }
.aparelho{border:1px solid var(--linha); padding:1.1rem 1.25rem; background:var(--papel2)}
.aparelho h3{font-size:.95rem; margin:0 0 .7rem; display:flex; align-items:center; gap:.5rem}
.aparelho h3 em{font-style:normal; font-size:.68rem; letter-spacing:.1em; text-transform:uppercase;
  color:var(--ouro); border:1px solid var(--ouro); padding:.1rem .4rem}
.aparelho ol{margin:0; padding-left:1.15rem; font-size:.92rem; display:flex; flex-direction:column; gap:.4rem}
.aparelho li::marker{color:var(--ouro)}
.problemas dt{font-weight:700; color:var(--tinta); margin-top:.7rem}
.problemas dd{margin:0 0 .2rem; color:var(--tinta2); font-size:.93rem}
.problemas{display:block; max-width:var(--leitura)}