@font-face {
  font-family: 'Cormorant Garamond';
  src: url('assets/fonts/cormorant-garamond.woff2') format('woff2');
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
}

@font-face {
  font-family: 'DM Sans';
  src: url('assets/fonts/dm-sans.woff2') format('woff2');
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
}

:root {
  --paper: #f7f3ec;
  --surface: #fffcf7;
  --wash: #eee5d8;
  --ink: #282019;
  --muted: #655648;
  --accent: #765338;
  --accent-hover: #5a3d27;
  --line: #d9cab7;
  --deep: #30241c;
  --on-deep: #fcf5e9;
  --focus: #23576a;
  --serif: 'Cormorant Garamond', Georgia, serif;
  --sans: 'DM Sans', system-ui, sans-serif;
  --width: 1200px;
  --gutter: clamp(20px, 4vw, 48px);
  --section-space: clamp(64px, 7.2vw, 104px);
  --header-height: 74px;
  --photo-radius: 24px;
  --faq-radius: 14px;
  color: var(--ink);
  background: var(--surface);
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.65;
  scroll-padding-top: var(--header-height);
  scroll-behavior: smooth;
}

*, *::before, *::after { box-sizing: border-box; }
body, h1, h2, h3, p, figure, dl, dd { margin: 0; }
img { display: block; inline-size: 100%; block-size: auto; }
a { color: inherit; }
button, summary { font: inherit; }
[hidden] { display: none !important; }
:focus-visible { outline: 3px solid var(--focus); outline-offset: 4px; }
[tabindex='-1']:focus { outline: none; }
.wrap { width: min(var(--width), calc(100% - 2 * var(--gutter))); margin-inline: auto; }
.section { padding-block: var(--section-space); }
.skip { position: fixed; top: 8px; left: 8px; z-index: 8; padding: 12px 16px; background: var(--surface); transform: translateY(-150%); }
.skip:focus { transform: none; }

h1, h2, h3 { font-family: var(--serif); font-weight: 600; text-wrap: balance; }
h1 { font-size: clamp(48px, 5.65vw, 82px); line-height: .98; letter-spacing: -.035em; }
h2 { font-size: clamp(42px, 4.5vw, 62px); line-height: 1.02; letter-spacing: -.025em; }
h3 { font-size: clamp(30px, 2.75vw, 37px); line-height: 1.08; letter-spacing: -.018em; }
p { color: var(--muted); }

.site-header, .privacy-header {
  background: var(--surface);
  border-bottom: 1px solid var(--line);
}
.site-header { position: sticky; top: 0; z-index: 5; }
.header-inner { min-height: calc(var(--header-height) - 1px); display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.wordmark { display: inline-flex; align-items: start; flex-direction: column; flex-shrink: 0; text-decoration: none; line-height: 1; }
.wordmark span { font-family: var(--serif); font-weight: 600; font-size: 29px; letter-spacing: -.025em; }
.wordmark small { color: var(--muted); font-size: 11px; font-weight: 600; letter-spacing: .045em; margin-top: 5px; }
.nav { display: flex; align-items: center; flex-wrap: wrap; gap: clamp(14px, 2vw, 30px); }
.nav > a:not(.button), .privacy-back { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; font-weight: 600; text-decoration: none; }
.nav > a:not(.button):hover, .privacy-back:hover { text-decoration: underline; text-underline-offset: 4px; color: var(--accent); }
.menu-toggle { display: none; background: transparent; border: 1px solid var(--line); padding: 0 12px; min-height: 44px; border-radius: 999px; color: var(--ink); font-size: 14px; font-weight: 600; cursor: pointer; }
.menu-toggle i { width: 12px; height: 2px; background: currentColor; box-shadow: 0 4px currentColor; margin-top: -4px; }
.menu-toggle[aria-expanded='true'] i { transform: rotate(45deg); box-shadow: none; }
.menu-toggle[aria-expanded='true'] i::after { content: ''; display: block; width: 12px; height: 2px; background: currentColor; transform: rotate(90deg); }

.actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  max-width: 100%;
  padding: 12px 20px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .15s ease;
}
.button:active { transform: translateY(1px); }
.primary { color: #fff; background: var(--accent); }
.primary:hover { background: var(--accent-hover); }
.secondary { color: var(--accent-hover); border-color: var(--accent); }
.secondary:hover { background: var(--wash); }
.light { color: var(--deep); background: var(--on-deep); }
.light:hover { background: #e9dac7; }
.menu-cta { min-height: 44px; padding-inline: 16px; }

.hero { background: var(--paper); }
.hero-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, .94fr);
  align-items: center;
  gap: clamp(36px, 5vw, 64px);
  padding-block: clamp(44px, 5vw, 74px);
}
.hero-copy { padding-block: 12px; }
.eyebrow { color: var(--accent-hover); font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: .12em; margin-bottom: 18px; }
.hero-summary { margin-top: 24px; max-width: 48ch; font-size: clamp(16px, 1.35vw, 18px); }
.hero .actions { margin-top: 30px; }
.hero-note { margin-top: 25px; font-size: 12px; }
.hero-note span[aria-hidden] { margin-inline: 3px; }
.hero-figure, .about-figure, .location-figure { position: relative; border-radius: var(--photo-radius); overflow: hidden; background: var(--wash); }
.hero-figure { aspect-ratio: 4 / 5; }
.hero-figure img, .about-figure img, .location-figure img { width: 100%; height: 100%; object-fit: cover; }
.hero-figure img { object-position: 49% 51%; }

.section-intro { max-width: 780px; margin-bottom: clamp(28px, 4vw, 48px); }
.section-intro p, .about-intro > p, .location-intro > p { margin-top: 16px; max-width: 57ch; }
.care-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 2.5vw, 30px); }
.care-card { border-top: 1px solid var(--accent); background: var(--paper); border-radius: 0 0 18px 18px; padding: 28px clamp(20px, 2.1vw, 30px) 32px; }
.care-card p { margin-top: 12px; max-width: 42ch; }
.split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; gap: clamp(34px, 6vw, 90px); }
.about { background: var(--wash); }
.about-inner { max-width: 1056px; grid-template-columns: minmax(0, .88fr) minmax(0, 1.1fr); }
.about-figure { aspect-ratio: 4 / 4.5; }
.about-figure img { object-position: 50% 45%; }
.facts { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; border-block: 1px solid var(--line); margin-block: 26px; padding-block: 20px; }
.facts dt { color: var(--muted); font-size: 12px; }
.facts dd { font-size: 14px; font-weight: 600; margin-top: 4px; }

.faq { background: var(--paper); }
.faq-wrap { max-width: 840px; }
.faq .section-intro { text-align: center; margin-inline: auto; }
.faq .section-intro p { margin-inline: auto; }
.faq-list { display: grid; gap: 12px; }
.faq-item { background: var(--surface); border: 1px solid var(--line); border-radius: var(--faq-radius); }
.faq-item summary { display: flex; justify-content: space-between; align-items: center; gap: 20px; min-height: 60px; padding: 12px 20px; font-family: var(--serif); font-size: 24px; font-weight: 600; line-height: 1.15; cursor: pointer; list-style: none; border-radius: var(--faq-radius); }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary:hover { color: var(--accent); }
.faq-item summary span { flex: 0 0 9px; height: 9px; border: solid var(--accent); border-width: 0 1.5px 1.5px 0; transform: rotate(45deg) translateY(-2px); transition: transform .2s ease; margin-inline-end: 3px; }
.faq-item[open] summary span { transform: rotate(225deg) translateY(-2px); }
.faq-answer { padding: 0 20px 18px; }
@supports (interpolate-size: allow-keywords) {
  .faq-item { interpolate-size: allow-keywords; }
  .faq-item::details-content { block-size: 0; overflow: clip; transition: block-size .2s ease, content-visibility .2s allow-discrete; }
  .faq-item[open]::details-content { block-size: auto; }
}

.location-inner { max-width: 1056px; grid-template-columns: minmax(0, 1.07fr) minmax(0, .93fr); }
.location-figure { aspect-ratio: 1.23; }
.location-figure img { object-position: 50% 65%; }
.location-copy address { font-style: normal; font-weight: 600; margin-top: 22px; }
.location-copy .actions { margin-top: 22px; }
.closing, .footer { background: var(--deep); color: var(--on-deep); }
.closing { padding-block: clamp(52px, 6vw, 84px); }
.closing-inner { display: flex; justify-content: space-between; align-items: center; gap: 24px; }
.closing-inner h2 { font-size: clamp(39px, 4vw, 56px); }
.closing-inner p { margin-top: 10px; color: #e9dac7; }
.footer { padding-block: 34px 24px; border-top: 1px solid #685649; }
.footer p { color: #e9dac7; font-size: 13px; }
.footer .footer-name { color: var(--on-deep); font-family: var(--serif); font-size: 30px; line-height: 1.1; margin-bottom: 6px; }
.footer-inner { display: grid; grid-template-columns: 1.25fr 1fr 1fr; gap: 26px; align-items: start; }
.footer nav, .footer-legal { display: flex; flex-wrap: wrap; gap: 4px 16px; }
.footer-legal { flex-direction: column; }
.footer a { min-height: 44px; display: inline-flex; align-items: center; font-size: 13px; text-underline-offset: 3px; }
.closing :focus-visible, .footer :focus-visible { outline-color: var(--on-deep); }
.whatsapp-float { position: fixed; z-index: 4; right: 24px; bottom: max(24px, env(safe-area-inset-bottom)); width: 64px; height: 64px; border-radius: 50%; transition: transform .2s ease; }
.whatsapp-float:hover { transform: translateY(-3px); }
.whatsapp-float img { width: 100%; height: 100%; }

.privacy-content { max-width: 720px; padding-block: clamp(48px, 7vw, 96px); }
.privacy-content h1 { font-size: clamp(44px, 7vw, 76px); }
.privacy-content h2 { font-size: clamp(34px, 4vw, 42px); margin-block: 28px 8px; }
.privacy-date { margin-top: 14px; font-size: 13px; }
.privacy-content .button { margin-top: 30px; }

@media (min-width: 1101px) {
  .site-header { position: fixed; inset: 0 0 auto; }
  body:has(.site-header) { padding-top: var(--header-height); }
}

@media (max-width: 1100px) {
  .site-header, .privacy-header { --header-height: 66px; }
  :root { --header-height: 66px; }
  .site-header:not(.is-enhanced) { position: static; }
  :root:has(.site-header:not(.is-enhanced)) { scroll-padding-top: 0; }
  .site-header:not(.is-enhanced) .header-inner { flex-wrap: wrap; padding-block: 12px; }
  .site-header.is-enhanced .menu-toggle { display: inline-flex; align-items: center; gap: 8px; }
  .site-header.is-enhanced .nav { position: absolute; inset: 100% 0 auto; flex-direction: column; align-items: stretch; gap: 4px; padding: 12px var(--gutter) 20px; background: var(--surface); border-block: 1px solid var(--line); box-shadow: 0 16px 30px #28201914; max-height: calc(100dvh - 66px); overflow: auto; }
  .site-header.is-enhanced .nav .button { align-self: start; margin-top: 4px; }
  .wordmark span { font-size: 24px; }
  .hero-inner { grid-template-columns: 1fr; gap: 24px; max-width: 690px; padding-block: 40px 46px; }
  .hero-copy { padding: 0; }
  .hero-figure { aspect-ratio: 4 / 4.35; max-height: 620px; }
  .care-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .split { gap: 36px; }
  .footer-inner { grid-template-columns: 1fr 1fr; }
  .footer-legal { grid-column: 1 / -1; flex-direction: row; }
  .whatsapp-float { right: 16px; bottom: max(16px, env(safe-area-inset-bottom)); width: 56px; height: 56px; }
}

@media (max-width: 600px) {
  h1 { font-size: clamp(45px, 9.8vw, 58px); }
  h2 { font-size: clamp(39px, 8.4vw, 46px); }
  .eyebrow { margin-bottom: 12px; }
  .hero-summary { margin-top: 16px; }
  .hero .actions { margin-top: 22px; }
  .hero-note { margin-top: 16px; }
  .hero-figure, .about-figure, .location-figure { border-radius: 18px; }
  .care-grid, .split, .footer-inner { grid-template-columns: 1fr; }
  .care-card { padding: 22px 20px 26px; }
  .about-copy { grid-row: 1; }
  .about-figure { aspect-ratio: 4 / 4.15; }
  .closing-inner { align-items: start; flex-direction: column; }
  .footer-inner { gap: 12px; }
  .footer-legal { grid-column: auto; }
}

@media (max-width: 370px) {
  .hero-break { display: none; }
  .facts { grid-template-columns: 1fr; }
  .hero .actions .button { width: 100%; }
  .header-inner { gap: 10px; }
  .wordmark span { font-size: 22px; }
}
/* Hero, avaliações e rodapé */
.header-inner { gap:clamp(20px,4vw,55px); }
.nav { gap:clamp(12px,1.8vw,25px); }
.hero { background:linear-gradient(90deg,rgba(38,27,20,.96),rgba(38,27,20,.84) 35%,rgba(38,27,20,.08) 80%),url('assets/hero-camila.png') center / cover no-repeat; }
.hero-inner { display:flex; min-height:650px; }
.hero-copy { max-width:590px; }
.hero h1,.hero-summary,.hero-note { color:#fffaf2; }
.hero .eyebrow { color:#f6dbc0; }
.hero .secondary { color:white; border-color:white; background:#30241c99; }
.reviews { background:var(--surface); }
.review-heading { text-align:center; }
.review-heading p:not(.eyebrow) { margin-top:12px; }
.review-controls { display:flex; justify-content:end; gap:10px; margin:24px 0 16px; }
.review-controls button { width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--accent);font-size:27px;cursor:pointer; }
.review-controls button:hover { background:var(--wash); }
.review-track { display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px)/3);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none; }
.review-track::-webkit-scrollbar { display:none; }
.review-card { scroll-snap-align:start;min-height:280px;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:24px; }
.review-person { display:flex;align-items:center;gap:12px; }
.avatar { width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:white;font-weight:600;flex:none; }
.review-person small { display:block;color:var(--muted); }
.stars { color:#9a5b00;letter-spacing:.08em;margin:12px 0; }
.review-card blockquote { margin:0;color:var(--ink); }
.review-note { margin-top:24px;text-align:center;font-size:13px; }
.review-note a { color:var(--accent-hover); }
.footer-nav { display:grid!important;gap:0!important; }
.footer-social { display:flex;gap:5px;align-items:center;margin-left:-11px; }
.footer-social a { width:48px;height:48px;display:grid;place-items:center;border-radius:50%; }
.footer-social a:hover { background:#685649; }
.footer-social img { width:26px;height:26px;filter:invert(1); }
.doctoralia-icon { display:block;width:31px;height:31px;background:url('assets/doctoralia-original.png') center / 100px auto no-repeat;filter:grayscale(1) invert(1) brightness(3) contrast(3);mix-blend-mode:screen; }
.footer a { text-decoration:none; }
.footer-inner > div:first-child p:last-child { margin-top:14px; }
@media(max-width:899px) { .hero-inner { min-height:620px; } .review-track { grid-auto-columns:calc((100% - 20px)/2); } }
@media(max-width:600px) { .hero { background-position:75% center;background-image:linear-gradient(180deg,rgba(38,27,20,.96),rgba(38,27,20,.84) 48%,rgba(38,27,20,.15)),url('assets/hero-camila.png'); } .hero-inner { min-height:770px;align-items:flex-start;padding-block:45px 330px; } .review-track { grid-auto-columns:88%; } .footer-inner { gap:22px; } }
@media(max-width:600px) { .hero { background-position:center bottom; background-image:linear-gradient(180deg,rgba(38,27,20,.88),rgba(38,27,20,.8) 40%,rgba(38,27,20,.08) 72%),url('assets/hero-camila-mobile.png'); } }

@media (min-width:1101px) { .header-inner { justify-content:initial; gap:clamp(30px,4vw,60px); } .nav { flex:1; flex-wrap:nowrap; gap:clamp(18px,2vw,30px); } .nav > a:not(.button) { white-space:nowrap; } .nav .menu-cta { margin-left:auto; white-space:nowrap; } }
.review-track { overscroll-behavior-inline:contain; scroll-padding-inline:2px; }
.review-card { min-width:0; overflow-wrap:anywhere; }
.review-controls button { transition:background-color .2s, transform .2s; }
.review-controls button:not(:disabled):active { transform:scale(.94); }
.review-controls button:disabled { opacity:.4; cursor:default; }
@media(max-width:600px) { .review-track { grid-auto-columns:minmax(0, 90%); gap:14px; } .review-card { min-height:250px; padding:20px; } .review-controls { justify-content:center; } }
/* Ajustes de leitura em celulares e tablets */
@media (min-width:601px) and (max-width:1100px) {
  .hero-copy { width:52%; max-width:520px; }
  .hero h1 { font-size:clamp(45px,5.6vw,64px); }
  .hero { background-position:62% center; }
}
@media (max-width:600px) {
  .review-track { grid-auto-columns:90%; }
  .review-card { overflow-wrap:normal; word-break:normal; }
  .hero { background-color:#261b14; background-size:auto, 100% auto; background-position:center, center bottom; background-repeat:no-repeat; }
  .hero-inner { min-height:0; padding-block:40px clamp(430px,110vw,520px); }
}
