/* skin.css — calculadora com o visual do site v2 (gerado por calc_skin.py) */
@font-face { font-family: "Roboto"; font-weight: 300; font-display: swap; src: url("/fonts/roboto-300.woff2") format("woff2"); }
:root {
  --gold: #1B264F; --gold-soft: rgba(27, 38, 79, 0.12);
  --ink: #1a1f2e; --ink-2: #3b4050; --ink-3: #555b6b;
  --white: #ffffff; --off-white: #f7f7f5;
  --r-sm: 2px; --r-md: 2px; --r-lg: 2px; --r-pill: 2px;
}
body { background: #f7f7f5; }
.display::after { content: ""; display: block; width: 56px; height: 2px; background: #c9a24b; margin-top: 14px; }
.site-bar { position: relative; background: #15203c; color: #f7f7f5; }
.site-bar::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: linear-gradient(90deg, #1b264f, #c9a24b); }
.site-bar__in { max-width: 1360px; margin: 0 auto; padding: 0 clamp(20px, 4.5vw, 72px); height: 76px; display: flex; align-items: center; gap: 16px; }
.site-bar .mark { display: inline-flex; align-items: center; gap: 10px; color: inherit; text-decoration: none; }
.site-bar .mark img { height: 46px; width: auto; display: block; }
.site-bar__links { margin-left: auto; display: flex; align-items: center; gap: 18px; }
.site-bar__links a { color: rgb(247 247 245 / 0.86); text-decoration: none; font-size: 0.92rem; padding: 12px 0; }
.site-bar__links a.btn-book { background: #c9a24b; color: #15203c; padding: 0 16px; min-height: 40px; display: inline-flex; align-items: center; border-radius: 2px; font-weight: 500; }
@media (max-width: 480px) { .site-bar__links .hide-sm { display: none; } }
.calc { background: transparent; }
.display { font-family: "Roboto", system-ui, sans-serif !important; font-weight: 300 !important; text-transform: none !important; letter-spacing: -0.02em !important; line-height: 1.08 !important; color: #1a1f2e; }
.eyebrow, .screen-result .eyebrow { color: #4f5566 !important; }
.card { background: #fff; }
.card[aria-checked="true"] { border-color: #1B264F; box-shadow: 0 0 0 2px rgba(27, 38, 79, 0.18); }
.progress li { color: #4f5566; }
.progress li.here { background: #1B264F; color: #fff; border-color: #1B264F; }
.primary { box-shadow: none; }
.primary:focus-visible, .secondary:focus-visible { outline-color: #1B264F; }
.field input { background: #fff; }
.field input::placeholder { color: #9aa0ad; }
.foot-version { display: none !important; }
.book-visit { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 52px; margin-top: 12px; background: #c9a24b; color: #15203c; text-decoration: none; font-weight: 500; border-radius: 2px; }
.book-visit:hover { background: #d9b862; }
.book-note { font-size: 13px; color: #4f5566; text-align: center; margin-top: 8px; }