/* ═══ LP — folha comum das landing pages de campanha ═══
   Mesmos tokens da landing principal (index.html) para a família não brigar:
   Playfair + Inter, petróleo como acento único, papel branco.
   Cada LP tem UMA ideia e UM formulário. Nada de menu grande: quem chega de
   anúncio não veio navegar, veio decidir. */
:root{
  --paper:#FFFFFF; --paper-2:#F5F5F7;
  --night:#0E1219; --night-2:#151B26;
  --ink:#1D1912; --ink-soft:rgba(29,25,18,.62);
  --white-soft:rgba(255,255,255,.66);
  --petrol:#455C7B; --petrol-l:#7E9CC7;
  --rose:#D88C7E; --gold:#B08A46;
  --hair-l:rgba(29,25,18,.12); --hair-d:rgba(251,249,243,.14);
  --serif:"Playfair Display","Palatino Linotype",Georgia,serif;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box;margin:0}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.5;letter-spacing:-.2px;overflow-x:hidden}
h1,h2,h3{font-family:var(--serif);font-weight:700;line-height:1.08;letter-spacing:-.6px;text-wrap:balance}
img{max-width:100%;display:block}
a{color:inherit}
.wrap{max-width:1120px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}
.narrow{max-width:740px}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--rose)}
.pill{display:inline-block;font-weight:600;font-size:15px;padding:13px 30px;border-radius:980px;
  background:var(--petrol);color:#fff;text-decoration:none;border:none;cursor:pointer;transition:filter .2s,transform .2s}
.pill:hover{filter:brightness(1.12);transform:scale(1.015)}
.pill.ghost{background:transparent;border:1.5px solid currentColor;color:inherit}
.link{color:var(--petrol);text-decoration:none;font-weight:500}
.link:hover{text-decoration:underline}

/* topo mínimo: logo + uma saída. */
.lp-top{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.86);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--hair-l)}
.lp-top .wrap{display:flex;align-items:center;justify-content:space-between;height:58px}
.lp-marca{display:flex;align-items:center;gap:10px;font-weight:600;text-decoration:none;font-size:15px}
.lp-marca img{width:26px;height:26px;border-radius:7px}

section{padding:clamp(56px,8vw,104px) 0}
.dark{background:var(--night);color:#FBF9F3}
.dark .eyebrow{color:var(--gold)}
.soft{background:var(--paper-2)}

.hero{padding-top:clamp(48px,7vw,88px)}
.hero h1{font-size:clamp(36px,6.4vw,68px)}
.hero p.lede{font-size:clamp(17px,2vw,21px);color:var(--ink-soft);margin-top:22px;max-width:640px}
.dark .lede{color:var(--white-soft)}
.hero .acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}

h2{font-size:clamp(27px,3.7vw,42px)}
.sub{color:var(--ink-soft);margin-top:14px;max-width:640px}
.dark .sub{color:var(--white-soft)}

.grade{display:grid;gap:clamp(16px,2.2vw,26px);margin-top:clamp(28px,4vw,46px)}
.g2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.g3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.cartao{background:var(--paper);border:1px solid var(--hair-l);border-radius:18px;padding:clamp(20px,2.6vw,30px)}
.dark .cartao{background:var(--night-2);border-color:var(--hair-d)}
.cartao h3{font-size:20px;margin-bottom:9px}
.cartao p{color:var(--ink-soft);font-size:15px}
.dark .cartao p{color:var(--white-soft)}
.num{font-family:var(--serif);font-size:34px;color:var(--petrol);line-height:1;margin-bottom:12px;display:block}
.dark .num{color:var(--gold)}

.foto{border-radius:18px;overflow:hidden;background:var(--paper-2)}
.foto img{width:100%;height:100%;object-fit:cover}

/* formulário — é o fim de toda LP. */
.form{display:grid;gap:12px;margin-top:26px;max-width:520px}
.form input,.form select,.form textarea{font:inherit;font-size:15px;padding:13px 15px;border-radius:12px;
  border:1px solid var(--hair-l);background:var(--paper);color:var(--ink);width:100%}
.dark .form input,.dark .form select,.dark .form textarea{background:var(--night-2);border-color:var(--hair-d);color:#FBF9F3}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--petrol);outline-offset:1px}
.form .hp{position:absolute;left:-9999px}
.aviso{font-size:13px;color:var(--ink-soft);margin-top:6px}
.dark .aviso{color:var(--white-soft)}
.recado{border-radius:12px;padding:13px 15px;font-size:15px;display:none}
.recado.ok{display:block;background:rgba(69,92,123,.12);color:var(--petrol)}
.recado.err{display:block;background:rgba(216,140,126,.16);color:#8B4A3C}
.dark .recado.ok{background:rgba(176,138,70,.18);color:var(--gold)}

.pe{padding:38px 0;border-top:1px solid var(--hair-l);font-size:14px;color:var(--ink-soft)}
.pe .wrap{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between}
.pe a{text-decoration:none}
.pe a:hover{text-decoration:underline}

@media (prefers-reduced-motion:no-preference){
  .sobe{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}
  .sobe.vis{opacity:1;transform:none}
}