/* ============================================================
   PEDIR ORÇAMENTO · formulário público do Rooftop
   Herda tokens e botões de ../assets/css/app.css (site aprovado).
   Mobile first. Piso da casa: corpo >=17px, apoio >=15px.
   ============================================================ */
body{opacity:1}                           /* esta página não depende da GSAP */
[hidden]{display:none !important}
body.ready{transition:none}
.po-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem var(--pad-x);border-bottom:1px solid var(--line-soft)}
.po-brand img{height:52px}
.po-wa{font-size:.8rem;padding:.7rem 1rem}
@media(max-width:600px){.po-wa .arw{display:none}}

.po-wrap{max-width:860px;margin:0 auto;padding:clamp(2.5rem,7vh,5rem) var(--pad-x) clamp(3rem,8vh,6rem);display:grid;gap:2.4rem}
.po-intro h1{font-family:var(--font-display);font-weight:400;font-size:clamp(2.6rem,8vw,4.8rem);line-height:1.12;text-transform:uppercase;margin:.5rem 0 1rem;padding-top:.2em}
.po-intro h1 em{font-style:normal;color:var(--brass)}
.po-intro .lead{font-size:clamp(17px,2vw,19px);line-height:1.6;color:var(--bone-dim);max-width:62ch}
.po-fatos{list-style:none;display:flex;gap:1.6rem;flex-wrap:wrap;margin-top:1.6rem}
.po-fatos li{display:flex;flex-direction:column;gap:.1rem}
.po-fatos b{font-family:var(--font-serif);font-weight:600;font-size:1.7rem;color:var(--brass-lt);line-height:1.1}
.po-fatos span{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bone-mute)}

.po-form{display:grid;gap:1.4rem}
.po-form fieldset{border:1px solid var(--line);border-radius:4px;padding:1.3rem 1.2rem 1.1rem;display:grid;gap:1rem;background:var(--ink-2)}
.po-form legend{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;color:var(--brass);padding:0 .5rem}
.po-grid{display:grid;grid-template-columns:1fr;gap:1rem}
@media(min-width:620px){.po-grid{grid-template-columns:1fr 1fr}}
.po-form label{display:flex;flex-direction:column;gap:.4rem;font-size:15px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--bone-mute)}
.po-form input,.po-form select,.po-form textarea{
  font:inherit;font-family:var(--font-body);font-size:17px;font-weight:400;color:var(--bone);
  background:var(--ink);border:1px solid var(--line);border-radius:3px;padding:.8rem .9rem;min-height:50px;width:100%;
  text-transform:none;letter-spacing:0;transition:border-color .2s;
}
.po-form input:focus,.po-form select:focus,.po-form textarea:focus{border-color:var(--copper-lt);outline:none}
.po-form input::placeholder,.po-form textarea::placeholder{color:var(--bone-mute);opacity:.7}
.po-form select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><path d='M1 1l5 5 5-5' stroke='%23C7C0B2' fill='none' stroke-width='1.6'/></svg>");background-repeat:no-repeat;background-position:right .9rem center;padding-right:2.4rem}
.po-form input[type=date]{color-scheme:dark}
.po-form textarea{resize:vertical;min-height:90px}
.po-form .invalido{border-color:#C8663E}
.po-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.po-enviar{justify-self:start;font-size:.95rem;padding:1rem 1.6rem}
.po-enviar[disabled]{opacity:.6;cursor:wait}
.po-erro{color:#E08A6A;font-size:15px}
.po-nota{font-size:15px;color:var(--bone-mute);max-width:60ch;line-height:1.5}

.po-ok{display:grid;gap:1rem;justify-items:start;border:1px solid var(--brass);border-radius:4px;padding:1.6rem 1.4rem;background:var(--ink-2)}
.po-ok h2{font-family:var(--font-display);font-weight:400;font-size:clamp(2rem,6vw,3.4rem);text-transform:uppercase;line-height:1.12;padding-top:.2em}
.po-ok h2 em{font-style:normal;color:var(--brass)}
.po-ok .lead{color:var(--bone-dim);font-size:17px;line-height:1.6}
.po-ok .mono{font-family:var(--font-mono);font-size:.9rem;color:var(--brass-lt)}
.po-footer{margin-top:0}