@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/inter-latin-wght-normal.woff2') format('woff2-variations');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/inter-latin-wght-italic.woff2') format('woff2-variations');
}

:root { --nms-navy-900: #0B1636; --nms-navy-800: #101C4E; --nms-navy-700: #002F78; --nms-navy-600: #00449E; --nms-blue-500: #4799DA; --nms-blue-400: #6EAFE3; --nms-blue-300: #8FBFE8; --nms-blue-200: #BBD8F1; --nms-blue-100: #D8E8F8; --nms-blue-050: #EFF6FC; --nms-gold-600: #D59A28; --nms-gold-500: #EFB53D; --nms-gold-300: #F7D074; --nms-gold-100: #FBEBC6; --nms-slate-600: #4A5B73; --nms-slate-500: #6B7F99; --nms-slate-300: #A9B6C6; --nms-slate-100: #E3E8EF; --nms-white: #FFFFFF; --nms-paper: #FBFCFE; --nms-success: #1F8A5B; --nms-warning: #D59A28; --nms-danger: #C0392B; --text-strong: var(--nms-navy-800); --text-body: var(--nms-slate-600); --text-muted: var(--nms-slate-500); --text-accent: var(--nms-blue-500); --text-on-dark: var(--nms-white); --text-on-dark-muted: var(--nms-blue-200); --surface-page: var(--nms-white); --surface-paper: var(--nms-paper); --surface-card: var(--nms-white); --surface-soft: var(--nms-blue-050); --surface-tint: var(--nms-blue-100); --surface-deep: var(--nms-navy-700); --surface-deepest: var(--nms-navy-900); --border-hairline: var(--nms-slate-100); --border-soft: var(--nms-blue-200); --border-strong: var(--nms-navy-700); --accent-primary: var(--nms-navy-700); --accent-secondary: var(--nms-blue-500); --accent-gold: var(--nms-gold-500); --link: var(--nms-navy-700); --link-hover: var(--nms-blue-500); }
:root .on-dark, .on-dark { --text-strong: var(--nms-white); --text-body: var(--nms-blue-200); --text-muted: var(--nms-blue-300); --text-accent: var(--nms-gold-500); --surface-card: rgba(255,255,255,.06); --border-hairline: rgba(255,255,255,.14); --border-soft: rgba(255,255,255,.22); }
a { color: var(--link); text-decoration-thickness: 1px; text-underline-offset: 0.18em; }
a:hover { color: var(--link-hover); }
:root { --font-display: "Inter","Helvetica Neue",Arial,sans-serif; --font-body: "Inter","Helvetica Neue",Arial,sans-serif; --font-lockup: "Nunito Sans","Inter",Arial,sans-serif; --fw-light: 300; --fw-regular: 400; --fw-medium: 500; --fw-semibold: 600; --fw-bold: 700; --fw-black: 800; --fs-display-1: clamp(38px,6vw,68px); --fs-display-2: clamp(32px,4.6vw,52px); --fs-h1: clamp(28px,3.4vw,40px); --fs-h2: clamp(24px,2.6vw,30px); --fs-h3: 20px; --fs-lead: clamp(17px,1.4vw,21px); --fs-body: 17px; --fs-small: 15px; --fs-eyebrow: 13px; --fs-static-headline: 78px; --fs-static-sub: 46px; --fs-static-body: 42px; --fs-static-min: 38px; --lh-tight: 1.06; --lh-headline: 1.14; --lh-body: 1.55; --lh-loose: 1.7; --ls-display: -0.02em; --ls-headline: -0.01em; --ls-body: 0; --ls-eyebrow: 0.16em; }
:root { --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px; --sp-6: 32px; --sp-7: 40px; --sp-8: 56px; --sp-9: 80px; --sp-10: 120px; --gap-inline: 12px; --gap-stack: 24px; --gap-block: 40px; --gap-section: 80px; --page-max: 1160px; --page-gutter: clamp(20px,5vw,56px); --static-pad: 100px; --static-story-top: 260px; --static-story-bottom: 560px; }
:root { --r-xs: 6px; --r-sm: 10px; --r-md: 14px; --r-lg: 20px; --r-xl: 28px; --r-pill: 999px; --bw-hairline: 1px; --bw-strong: 2px; --shadow-soft: 0 1px 2px rgba(11,22,54,.04),0 8px 24px rgba(11,22,54,.06); --shadow-card: 0 2px 4px rgba(11,22,54,.04),0 18px 44px rgba(11,22,54,.09); --shadow-raised: 0 24px 60px rgba(11,22,54,.14); --shadow-button: 0 8px 20px rgba(0,47,120,.24); --shadow-inset-field: inset 0 1px 0 rgba(11,22,54,.03); --focus-ring: 0 0 0 3px rgba(71,153,218,.38); }
:root { --dur-fast: 120ms; --dur-base: 200ms; --dur-slow: 420ms; --dur-orbit: 38s; --ease-out: cubic-bezier(.2,.7,.3,1); --ease-inout: cubic-bezier(.4,0,.2,1); }
@media (prefers-reduced-motion: reduce) {
  :root { --dur-fast: 1ms; --dur-base: 1ms; --dur-slow: 1ms; }
}
* { box-sizing: border-box; }
body { margin: 0px; font-family: var(--font-body); background: var(--surface-page); color: var(--text-strong); line-height: var(--lh-body); }
a { text-decoration: none; }
.wrap { max-width: 1160px; margin: 0px auto; padding: 0 var(--page-gutter); }
header.top { padding: 22px var(--page-gutter); display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--border-hairline); max-width: 1160px; margin: 0px auto; }
@media (max-width: 900px) {
  header.top { position: sticky; top: 0px; z-index: 50; background: var(--surface-page); max-width: none; padding: 16px var(--page-gutter); }
}
header.top img { height: 34px; }
.header-cta { background: var(--accent-primary); color: rgb(255, 255, 255); font-size: 14px; font-weight: var(--fw-semibold); padding: 11px 22px; border-radius: var(--r-pill); white-space: nowrap; }
.header-cta:hover { background: var(--nms-blue-500); color: rgb(255, 255, 255); }
@media (max-width: 640px) {
  .header-cta { font-size: 12px; padding: 9px 14px; }
  header.top { gap: 10px; }
  header.top img { height: 26px; }
}
.hero { position: relative; padding: 56px 0px 72px; overflow: hidden; background: linear-gradient(to bottom,var(--surface-page) 0%,var(--surface-page) 50%,var(--surface-soft) 100%); }
.hero-grid { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 0.85fr); grid-template-areas: "content photo" "content situ"; gap: 56px; align-items: stretch; position: relative; z-index: 2; }
.hero-photo-inner { position: relative; grid-area: photo; }
.hero-content { grid-area: content; }
.hero-photo { border-radius: var(--r-lg); overflow: hidden; box-shadow: var(--shadow-card); aspect-ratio: 1 / 1; flex: 0 0 auto; }
.hero-photo-wrap { grid-area: situ; position: relative; display: flex; flex-direction: column; height: 100%; }
.hero-photo-wrap .hero-photo { position: static; }
.float-pill { position: absolute; background: var(--surface-card); border-radius: var(--r-pill); box-shadow: var(--shadow-raised); padding: 10px 18px 10px 14px; display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: var(--fw-semibold); color: var(--text-strong); z-index: 3; }
.float-pill .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--nms-gold-500); flex: 0 0 auto; }
.float-pill.p1 { top: 24px; left: -18px; }
.float-pill.p2 { bottom: 32px; right: -14px; }
.situ-card { margin-top: 24px; background: var(--surface-card); border-radius: var(--r-lg); box-shadow: var(--shadow-soft); padding: 26px 28px; flex: 1 1 0%; display: flex; flex-direction: column; justify-content: center; }
section.block { padding: 64px 0px; }
.section-alt { background: var(--surface-soft); }
@media (max-width: 900px) {
  .hero + .section-alt { padding-top: 0px; }
}
.situ-card h3 { font-family: var(--font-display); font-size: 17px; font-weight: var(--fw-semibold); color: var(--nms-navy-800); margin: 0px 0px 16px; }
.situ-card .situ-list { gap: 12px; }
.situ-card .situ-list li { font-size: 14.5px; }
.situ-card .footnote { margin-top: 16px; font-size: 12.5px; text-align: center; }
@media (max-width: 900px) {
  .float-pill { font-size: 12px; padding: 8px 14px 8px 10px; }
  .float-pill.p1 { top: 16px; left: -8px; }
  .float-pill.p2 { bottom: 16px; right: -8px; }
}
.eyebrow { font-size: var(--fs-eyebrow); font-weight: var(--fw-semibold); letter-spacing: var(--ls-eyebrow); text-transform: uppercase; color: var(--text-accent); margin: 0px 0px 18px; }
.eyebrow-sep { display: inline; }
.eyebrow-break { display: none; }
@media (max-width: 900px) {
  .eyebrow-sep { display: none; }
  .eyebrow-break { display: block; }
}
h1 { font-family: var(--font-display); font-size: var(--fs-display-1); font-weight: var(--fw-bold); line-height: var(--lh-headline); letter-spacing: var(--ls-headline); margin: 0px 0px 22px; text-wrap: balance; color: var(--nms-navy-800); }
.sub { font-size: var(--fs-lead); color: var(--text-body); max-width: 52ch; margin: 0px; }
.form-card { background: var(--surface-card); border-radius: var(--r-lg); box-shadow: var(--shadow-raised); padding: 32px; }
.form-card h2 { font-size: 19px; font-weight: var(--fw-semibold); margin: 0px 0px 20px; color: var(--text-strong); }
.field { margin-bottom: 14px; position: relative; }
.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 14px; }
.field-row .field { margin-bottom: 0px; }
.field label { position: absolute; top: 9px; left: 16px; font-size: 11px; color: var(--text-muted); font-weight: var(--fw-medium); }
.field input, .field select { border: 1px solid var(--border-hairline); border-radius: var(--r-md); background: var(--surface-paper); padding: 24px 16px 9px; font-size: 15px; font-family: var(--font-body); color: var(--text-strong); width: 100%; }
.field input:focus, .field select:focus { outline: none; border-color: var(--accent-secondary); box-shadow: var(--focus-ring); }
.tel-row { display: grid; grid-template-columns: 100px 1fr; gap: 10px; }
.tel-row select { padding: 24px 8px 9px; }
.qual { margin: 18px 0px 20px; }
.qual-title { font-size: 14px; font-weight: var(--fw-semibold); color: var(--text-strong); margin: 0px 0px 10px; }
.qual-opt { display: block; position: relative; margin-bottom: 8px; }
.qual-opt input { position: absolute; opacity: 0; pointer-events: none; }
.qual-opt .card { display: flex; align-items: center; gap: 12px; border: 1.5px solid var(--border-hairline); border-radius: var(--r-md); padding: 13px 14px; cursor: pointer; transition: border-color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out); }
.qual-opt .dot { width: 16px; height: 16px; border-radius: 50%; border: 1.5px solid var(--border-soft); flex: 0 0 auto; position: relative; }
.qual-opt input:checked ~ .card { border-color: var(--accent-primary); background: var(--surface-soft); }
.qual-opt input:checked ~ .card .dot { border-color: var(--accent-primary); }
.qual-opt input:checked ~ .card .dot::after { content: ""; position: absolute; inset: 3px; border-radius: 50%; background: var(--accent-primary); }
.qual-opt .txt { flex: 1 1 0%; font-size: 14px; color: var(--text-strong); line-height: 1.4; }
.qual-opt .price { font-family: var(--font-display); font-weight: var(--fw-bold); font-size: 14px; color: var(--nms-navy-700); white-space: nowrap; flex: 0 0 auto; }
.consent { display: flex; gap: 10px; align-items: flex-start; font-size: 12.5px; color: var(--text-muted); margin: 6px 0px 18px; line-height: 1.5; }
.consent input { margin-top: 3px; }
.submit { width: 100%; background: var(--accent-primary); color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: var(--r-pill); padding: 16px; font-size: 16px; font-weight: var(--fw-semibold); cursor: pointer; box-shadow: var(--shadow-button); font-family: var(--font-body); transition: background var(--dur-base) var(--ease-out); }
.submit:hover { background: var(--nms-blue-500); }
.submit:disabled { opacity: 0.55; cursor: not-allowed; }
.microcopy { text-align: center; margin: 12px 0px 0px; font-size: 12.5px; color: var(--text-muted); }
.field-error { display: none; margin-top: 4px; color: var(--nms-danger); font-size: 12px; }
.field-error.active { display: block; }
section.block { padding: 64px 0px; }
.section-alt { background: var(--surface-soft); }
h2.section-title { font-family: var(--font-display); font-size: var(--fs-h1); font-weight: var(--fw-bold); color: var(--nms-navy-800); margin: 0px 0px 28px; max-width: 32ch; }
.situ-list { list-style: none; margin: 0px; padding: 0px; display: grid; gap: 16px; max-width: 680px; }
.situ-list li { display: flex; gap: 10px; align-items: center; font-size: var(--fs-lead); color: var(--text-strong); }
.moon { width: 24px; height: 24px; flex: 0 0 auto; border-radius: 50%; overflow: hidden; transform: rotate(-18deg); margin-top: 0.15em; position: relative; top: -2px; }
.moon span { display: block; width: 100%; height: 100%; border-radius: 50%; box-shadow: inset 10px 0 0 0 var(--nms-blue-500); }
.footnote { margin-top: 24px; font-size: 14px; color: var(--text-muted); font-style: italic; max-width: 680px; }
.diff-grid { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); gap: 48px; align-items: start; }
.diff-grid p { font-size: var(--fs-body); color: var(--text-body); margin: 0px 0px 16px; }
.diff-grid h3 { font-size: 16px; font-weight: var(--fw-semibold); color: var(--text-strong); margin: 24px 0px 10px; }
.stat-mini { display: flex; gap: 20px; margin-top: 22px; }
.stat-mini div { background: var(--surface-card); border-radius: var(--r-md); box-shadow: var(--shadow-soft); padding: 16px 18px; flex: 1 1 0%; }
.stat-mini strong { display: block; font-family: var(--font-display); font-size: 22px; color: var(--nms-navy-700); font-weight: var(--fw-bold); }
.stat-mini span { font-size: 12.5px; color: var(--text-muted); }
.tag { display: inline-flex; align-items: center; gap: 8px; background: var(--surface-tint); color: var(--nms-navy-700); font-size: 13px; font-weight: var(--fw-semibold); padding: 8px 16px; border-radius: var(--r-pill); margin-bottom: 24px; }
.consulta-intro { font-size: var(--fs-lead); color: var(--text-body); max-width: 70ch; margin: 0px 0px 40px; }
.steps { list-style: none; margin: 0px; padding: 0px; display: grid; gap: 28px; counter-reset: step 0; }
.steps li { display: grid; grid-template-columns: 44px 1fr; gap: 18px; counter-increment: step 1; background: var(--surface-card); border-radius: var(--r-lg); box-shadow: var(--shadow-soft); padding: 22px 24px; }
.steps li::before { content: counter(step); font-family: var(--font-display); font-weight: var(--fw-bold); font-size: 18px; color: rgb(255, 255, 255); background: var(--accent-primary); width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.steps h3 { margin: 2px 0px 6px; font-size: 17px; font-weight: var(--fw-semibold); color: var(--text-strong); }
.steps p { margin: 0px; font-size: 15px; color: var(--text-body); line-height: 1.6; }
.cta-inline { display: inline-flex; margin-top: 40px; background: var(--accent-primary); color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: var(--r-pill); padding: 15px 30px; font-size: 16px; font-weight: var(--fw-semibold); cursor: pointer; box-shadow: var(--shadow-button); font-family: var(--font-body); }
.cta-inline:hover { background: var(--nms-blue-500); color: rgb(255, 255, 255); }
.sobre-grid { display: grid; grid-template-columns: minmax(0px, 320px) minmax(0px, 1fr); gap: 48px; align-items: start; }
.sobre-photo { border-radius: var(--r-lg); overflow: hidden; box-shadow: var(--shadow-card); aspect-ratio: 4 / 5; }
.sobre-name { font-family: var(--font-display); font-size: 24px; font-weight: var(--fw-bold); color: var(--nms-navy-800); margin: 0px 0px 4px; }
.sobre-role { font-size: 14px; color: var(--text-accent); font-weight: var(--fw-medium); margin: 0px 0px 20px; }
.sobre-grid p { font-size: 15px; color: var(--text-body); line-height: 1.7; margin: 0px 0px 16px; }
.highlights { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin: 28px 0px; }
.highlights div { background: var(--surface-card); border-radius: var(--r-md); box-shadow: var(--shadow-soft); padding: 16px; display: grid; grid-template-columns: 56px 1fr; gap: 20px; align-items: center; }
.highlights strong { font-family: var(--font-display); font-size: 20px; color: var(--nms-navy-700); font-weight: var(--fw-bold); }
.highlights span { font-size: 12.5px; color: var(--text-muted); line-height: 1.4; }
.cedula { font-size: 12.5px; color: var(--text-muted); margin-top: 20px; }
footer.site { border-top: 1px solid var(--border-hairline); background: var(--surface-soft); padding: 32px 0px; }
.footer-row { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; }
.footer-row img { height: 26px; }
.footer-links { display: flex; gap: 20px; font-size: 13px; color: var(--text-muted); }
.footer-links a { color: var(--text-muted); }
.footer-links a:hover { color: var(--link-hover); }
@media (max-width: 900px) {
  .hero-photo img { object-position: center calc(50% + 50px); }
  .hero { padding-top: 24px; }
  .hero-grid { grid-template-columns: 1fr; grid-template-areas: "photo" "content" "situ"; gap: 32px; }
  .hero-photo { position: static; max-width: 320px; margin: 0px auto; aspect-ratio: 4 / 3; }
  .eyebrow, h1, .sub, h2.section-title, .tag, .consulta-intro { text-align: center; margin-left: auto; margin-right: auto; }
  h1 { font-size: 34px !important; }
  .sobre-grid { text-align: center; }
  .sobre-grid p, .sobre-grid h2, .sobre-name { margin-left: auto; margin-right: auto; }
  .wrap[style*="grid-template-columns:1fr 1fr"] { grid-template-columns: 1fr !important; }
  div[style*="max-width:920px"] { max-width: 400px !important; }
  .field-row { grid-template-columns: 1fr; gap: 0px; }
  .diff-grid, .sobre-grid { grid-template-columns: 1fr; }
  .sobre-photo { max-width: 280px; margin: 0px auto; }
  .tel-row { grid-template-columns: 90px 1fr; }
}

/* ── lp-forms: per-field error + soft warning states ───────────────────────── */
/* .f-err is the lp-forms convention; this design ships .field-error — keep both working. */
.f-err { display: none; margin-top: 4px; color: var(--nms-danger); font-size: 12px; }
.f-err.active, .field.invalid .f-err, .field.invalid .field-error { display: block; }
.field.invalid input, .field.invalid select { border-color: var(--nms-danger); }
.qual.invalid select { border-color: var(--nms-danger); }
.field-warn { display: none; margin-top: 4px; color: var(--nms-navy-700); font-size: 12px; }
.field-warn.active { display: block; }
.consent.invalid span { color: var(--nms-danger); }
#consentError { margin: -12px 0 14px; }
button[disabled] { opacity: .65; cursor: not-allowed; }

/* ── photo framing ─────────────────────────────────────────────────────────
   In the export the photo lived inside the <image-slot> SHADOW DOM, which outer
   CSS cannot reach — so the design's
       .hero-photo img { object-position: center calc(50% + 50px) }
   never actually applied. Replacing the slot with a real light-DOM <img> woke
   that rule up and shifted the mobile crop (18 635 px of visual diff vs the file
   the client approved). Pin the framing back to what the export really rendered.
   If the 50px offset was intentional, it has never been live — confirm with the
   designer before removing this. ─────────────────────────────────────────── */
.hero-photo img, .sobre-photo img { object-position: 50% 50%; }

/* ── logos: the design fixes the HEIGHT and lets the width follow the ratio.
   The width/height attributes on the <img> exist only to reserve space before
   CSS loads, so the width must be released back to auto here — otherwise the
   attribute wins and the logo renders at its intrinsic 1042px. ───────────── */
header.top img, .footer-row img { width: auto; }

/* ── regras próprias de /obrigado (recuperadas do export original) ── */
body { margin: 0px; font-family: var(--font-body); background: var(--surface-page); color: var(--text-strong); }
header.top { padding: 22px var(--page-gutter); display: flex; justify-content: center; border-bottom: 1px solid var(--border-hairline); }
.confirm { max-width: 640px; margin: 0px auto; padding: 96px var(--page-gutter) 80px; text-align: center; }
.seal { width: 64px; height: 64px; border-radius: 50%; background: var(--nms-success); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; font-size: 28px; margin: 0px auto 28px; }
h1 { font-family: var(--font-display); font-size: var(--fs-h1); font-weight: var(--fw-bold); color: var(--nms-navy-800); margin: 0px 0px 18px; }
p { font-size: var(--fs-lead); color: var(--text-body); line-height: 1.6; margin: 0px 0px 8px; }
.back { display: inline-block; margin-top: 32px; font-size: 14px; color: var(--link); }
footer.site { border-top: 1px solid var(--border-hairline); background: var(--surface-soft); padding: 28px var(--page-gutter); text-align: center; font-size: 13px; color: var(--text-muted); }

/* ── regras próprias de /politica-privacidade (recuperadas do export original) ── */
body { margin: 0px; font-family: var(--font-body); background: var(--surface-page); color: var(--text-body); }
.doc { max-width: 760px; margin: 0px auto; padding: 56px var(--page-gutter) 96px; }
h1 { font-family: var(--font-display); color: var(--nms-navy-800); font-size: var(--fs-h1); font-weight: var(--fw-bold); margin: 0px 0px 8px; }
.meta { font-size: 13px; color: var(--text-muted); margin-bottom: 36px; }
h2 { font-family: var(--font-display); color: var(--text-strong); font-size: 18px; font-weight: var(--fw-semibold); margin: 40px 0px 12px; padding-bottom: 8px; border-bottom: 1px solid var(--border-hairline); }
p, li { font-size: 15px; line-height: 1.7; color: var(--text-body); }
ul { padding-left: 20px; }
li { margin-bottom: 8px; }
.ident { background: var(--surface-soft); border-radius: var(--r-md); padding: 20px 24px; margin: 16px 0px; display: grid; grid-template-columns: 150px 1fr; gap: 10px 20px; font-size: 14px; }
.ident dt { color: var(--text-accent); font-weight: var(--fw-semibold); }
.ident dd { margin: 0px; color: var(--text-strong); }
.flag { background: var(--nms-gold-100); color: var(--nms-gold-600); padding: 1px 8px; border-radius: 4px; font-size: 13px; font-weight: 600; }
a { }
footer.site a { color: var(--text-muted); }

/* ── regras próprias de /termos (recuperadas do export original) ── */
.price-table { width: 100%; border-collapse: collapse; margin: 16px 0px; font-size: 15px; }
.price-table td { padding: 12px 0px; border-bottom: 1px solid var(--border-hairline); }
.price-table td:last-child { text-align: right; font-family: var(--font-display); font-weight: var(--fw-bold); color: var(--nms-navy-700); }

/* ── Agendamento na página de obrigado ──────────────────────────────────────
   Botão de ação, não iframe: a documentação do Zappy desaconselha iframes
   (dupla barra de navegação, botão "seguinte" escondido, menos área útil) e
   recomenda botão em mobile, que é onde chega a maior parte do tráfego. ── */
.agendar-ja {
  margin: 26px auto 22px;
  max-width: 340px;
  padding-top: 24px;
  border-top: 1px solid var(--border-hairline);
}
.agendar-intro {
  margin: 0 0 12px;
  font-size: 14px;
  color: var(--text-muted);
}
.agendar-ja .submit {
  display: block;
  text-decoration: none;
  text-align: center;
}
.agendar-dica {
  margin: 10px 0 0;
  font-size: 13px;
  color: var(--text-muted);
}
.agendar-dica[hidden] { display: none; }