:root{
  --ink:#16232E;
  --navy:#1F3140;
  --navy-deep:#101B24;
  --champ:#A88B57;
  --champ-soft:#C9AE82;
  --paper:#F7F5EF;
  --stone:#ECE6DA;
  --line:#DCD4C5;
  --text:#252C33;

  --muted:#5F666E;
  --white:#FFFFFF;
  --ok:#1D5C3C;

  --champ-ink: color-mix(in srgb, var(--champ) 62%, var(--ink));

  --on-dark:       color-mix(in srgb, var(--paper) 80%, var(--navy));
  --on-dark-soft:  color-mix(in srgb, var(--paper) 68%, var(--navy));
  --on-dark-faint: color-mix(in srgb, var(--paper) 56%, var(--navy));

  --btn-bg: var(--ink);
  --btn-fg: var(--paper);
  --btn-bg-hover: var(--navy);

  --fs-display: clamp(2.6rem, 5.4vw, 4.4rem);
  --fs-h2: clamp(1.85rem, 3.3vw, 2.8rem);

  --f-display: "Outfit", system-ui, sans-serif;
  --maxw: 1720px;
  --pad: clamp(1.25rem, 5vw, 4rem);
  --r: 2px;
}

*{box-sizing:border-box;margin:0;padding:0}

html:not(.a-carregar){scroll-behavior:smooth}

html{-webkit-tap-highlight-color:transparent}
@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto} }

body{
  font-family:"Figtree",system-ui,sans-serif;
  background:var(--paper);
  color:var(--text);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
h1,h2,h3,.serif{font-family:var(--f-display);font-weight:600;line-height:1.1;letter-spacing:-.01em}

.stat .num,.about-sign .v,footer .fbrand,.card .price,.fees-card .fc-title,.ts-cta-t,
.step .n,.pager-info,.imv-head .price,.agent-name,.g-cta-t{font-weight:600}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

.wrap{max-width:var(--maxw);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}

.wrap-text{max-width:1280px}

.eyebrow{
  font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;
  color:var(--champ);display:inline-flex;align-items:center;gap:.7rem;
}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  font-family:"Figtree",sans-serif;font-weight:600;font-size:.95rem;
  padding:.95rem 1.7rem;border-radius:var(--r);cursor:pointer;border:1px solid transparent;
  transition:transform .2s ease, background .2s ease, border-color .2s ease;line-height:1;
}

.btn-ink{background:var(--btn-bg);color:var(--btn-fg)}
.btn-paper{background:var(--paper);color:var(--ink)}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}

:focus-visible{outline:2px solid var(--champ);outline-offset:3px;border-radius:2px}

.a-carregar *,.a-carregar *::before,.a-carregar *::after{transition:none !important;animation:none !important}

@media (prefers-reduced-motion: reduce){
  .q-step{animation:none}
}

@media (hover:hover) and (pointer:fine){
  .btn-ink:hover{background:var(--btn-bg-hover);transform:translateY(-2px)}
  .btn-paper:hover{background:var(--white);transform:translateY(-2px)}
  .btn-ghost:hover{border-color:var(--ink);transform:translateY(-2px)}
  .card:hover{transform:translateY(-6px);border-color:var(--champ);box-shadow:0 26px 44px -30px rgba(16,27,36,.35)}
  .card.is-vendido:hover{opacity:.85;transform:none;box-shadow:none;border-color:var(--line)}
  .wa-float:hover{transform:scale(1.07)}
}
@media (hover:none){
  .btn-ink:hover,.btn-paper:hover,.btn-ghost:hover,.card:hover{transform:none}
  .card:hover{box-shadow:none;border-color:var(--line)}

  .btn:active{transform:scale(.98)}
  .card .see:active,.card .wa:active,.q-opt:active{opacity:.7}
}

.a-trocar-lingua body{visibility:hidden}
