/* ==========================================================================
   Camada "liquid glass": visual mais tech e moderno.
   Fica num arquivo separado para facilitar a comparação e a reversão.
   Princípios (Apple Design / Emil Kowalski): o material translúcido mostra a
   hierarquia, o feedback acontece no toque (scale .97), as curvas são ease-out
   fortes, o hover só aparece com ponteiro fino, e há fallback para quem pede
   menos transparência ou menos movimento.
   ========================================================================== */
:root{
  --ease-out:cubic-bezier(.23,1,.32,1);
  --glass-light:linear-gradient(145deg,rgba(255,255,255,.78) 0%,rgba(255,255,255,.42) 100%);
  --glass-edge:rgba(255,255,255,.75);
  --glass-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -12px 24px -16px rgba(24,52,86,.14),0 1px 2px rgba(24,52,86,.06),0 22px 44px -26px rgba(24,52,86,.38);
  --glass-dark:linear-gradient(150deg,rgba(40,78,120,.94) 0%,rgba(24,52,86,.9) 55%,rgba(18,42,68,.94) 100%);
  --glass-dark-edge:rgba(255,255,255,.22);
  --glass-dark-shadow:inset 0 1px 0 rgba(255,255,255,.32),inset 0 -14px 28px -18px rgba(0,0,0,.35),0 26px 50px -24px rgba(14,32,54,.6);
  --blur:blur(22px) saturate(175%);
  --orb:radial-gradient(circle at 50% 50%,rgba(74,132,190,.5) 0%,rgba(74,132,190,0) 62%);
  --orb-deep:radial-gradient(circle at 50% 50%,rgba(24,52,86,.42) 0%,rgba(24,52,86,0) 62%);
}

/* Fundo ambiente: halos suaves em azul, fixos atrás de tudo, para o vidro ter o que refratar. */
body{background:var(--paper)}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(42vmax 42vmax at 8% 12%,rgba(120,165,215,.28),transparent 62%),
    radial-gradient(38vmax 38vmax at 96% 30%,rgba(24,52,86,.14),transparent 60%),
    radial-gradient(50vmax 50vmax at 70% 100%,rgba(160,195,232,.32),transparent 62%)}
html{scroll-padding-top:96px}

/* Halos locais que rolam junto com o conteúdo, atrás das grades de cards. */
.signs,.quotes-shell,.locations-grid,.booking-form,.hero-photo{position:relative;isolation:isolate}
.signs::before,.quotes-shell::before,.locations-grid::before,.booking-form::before{content:"";position:absolute;z-index:-1;pointer-events:none;aspect-ratio:1;filter:blur(30px)}
.signs::before{width:min(560px,80%);left:-8%;top:-10%;background:var(--orb)}
.signs::after{content:"";position:absolute;z-index:-1;pointer-events:none;aspect-ratio:1;filter:blur(30px);width:min(520px,70%);right:-6%;bottom:-14%;background:var(--orb-deep)}
.quotes-shell::before{width:min(520px,70%);left:30%;top:-20%;background:var(--orb)}
.locations-grid::before{width:min(520px,80%);right:0;top:-30%;background:var(--orb)}
.booking-form::before{width:130%;left:-15%;top:-15%;background:var(--orb)}

/* ---------- Material de vidro (reutilizável) ---------- */
.glass,.sign-card,.review,.location,.booking-form,.masthead,.hero-photo figcaption{
  background:
    radial-gradient(140px 140px at var(--mx,30%) var(--my,0%),rgba(255,255,255,.55),rgba(255,255,255,0) 70%),
    var(--glass-light);
  -webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);
  border:1px solid var(--glass-edge);
  box-shadow:var(--glass-shadow)}

/* ---------- Cabeçalho: pílula de vidro fixa, com o conteúdo rolando por baixo ---------- */
.masthead{position:sticky;top:12px;z-index:20;margin-top:12px;padding:10px 10px 10px 20px;border-radius:999px;border-bottom:1px solid var(--glass-edge)}
.masthead .wordmark img{height:34px}
.masthead-note{display:none!important}
.masthead-cta{min-height:44px!important;padding:10px 18px!important;font-size:12px!important;gap:14px!important}
@media(min-width:900px){.masthead{padding:12px 12px 12px 26px}.masthead .wordmark img{height:40px}}

/* ---------- Botões ---------- */
.button{border-radius:999px;border-color:transparent;padding-inline:26px;
  background:linear-gradient(180deg,#22466e 0%,#183456 60%,#142c49 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.18),0 12px 26px -12px rgba(24,52,86,.65);
  transition:transform 160ms var(--ease-out),box-shadow .3s ease,background .3s ease}
.button:active{transform:scale(.97)}
.button-light{color:#fff;border:1px solid rgba(255,255,255,.35);
  background:linear-gradient(145deg,rgba(255,255,255,.26),rgba(255,255,255,.08));
  -webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -10px 20px -14px rgba(0,0,0,.3),0 14px 30px -16px rgba(0,0,0,.45)}
@media(hover:hover) and (pointer:fine){
  .button:hover{background:linear-gradient(180deg,#2a5280 0%,#1c3d62 60%,#16304f 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.36),inset 0 -1px 0 rgba(0,0,0,.18),0 16px 30px -12px rgba(24,52,86,.7)}
  .button-light:hover{background:linear-gradient(145deg,rgba(255,255,255,.34),rgba(255,255,255,.12))}
}
.line-link{transition:color .2s ease}

/* ---------- Hero ---------- */
.hero-photo img{border-radius:28px;border-top-left-radius:140px}
.hero-photo figcaption{position:absolute;left:14px;right:14px;bottom:14px;padding:12px 18px;border-radius:999px;font-size:11px;font-weight:500;color:var(--blue)}
.hero-photo figcaption span:last-child{color:var(--blue);opacity:.75}
@media(min-width:900px){.hero-photo img{height:100%;border-top-left-radius:220px;border-radius:32px 32px 32px 32px;border-top-left-radius:220px}.hero-photo figcaption{left:22px;right:22px;bottom:22px;padding:14px 22px;font-size:12px}}

/* ---------- Cards de sinais ---------- */
.sign-card{border-radius:24px;transition:transform .35s var(--ease-out),box-shadow .35s ease}
.sign-card:hover{border-color:var(--glass-edge)}
.sign-icon-wrap{border-radius:16px;border:1px solid rgba(255,255,255,.8);background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(255,255,255,.4));box-shadow:inset 0 1px 0 #fff,0 8px 18px -12px rgba(24,52,86,.45)}
.sign-card--featured{color:var(--paper);border:1px solid var(--glass-dark-edge);
  background:radial-gradient(160px 160px at var(--mx,30%) var(--my,0%),rgba(255,255,255,.22),rgba(255,255,255,0) 70%),var(--glass-dark);
  box-shadow:var(--glass-dark-shadow)}
.sign-card--featured:hover{border-color:var(--glass-dark-edge)}
.sign-card--featured .sign-icon-wrap{border-color:rgba(255,255,255,.28);color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.05));box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
@media(hover:hover) and (pointer:fine){
  .sign-card:hover,.review:hover,.location:hover{transform:translateY(-4px);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -12px 24px -16px rgba(24,52,86,.14),0 1px 2px rgba(24,52,86,.06),0 30px 56px -26px rgba(24,52,86,.45)}
  .sign-card--featured:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.36),0 34px 60px -24px rgba(14,32,54,.7)}
}
@media(hover:none){.sign-card:hover,.review:hover{transform:none}}

/* ---------- Depoimentos ---------- */
.review{position:relative;border-radius:24px;transition:transform .35s var(--ease-out),box-shadow .35s ease}
.review:hover{border-color:var(--glass-edge)}
.review-author{border-top-color:rgba(24,52,86,.12)}
.quotes{padding:10px 4px 40px;margin-inline:-4px}
.carousel-controls{display:inline-flex;align-items:center;gap:6px;padding:6px;border-radius:999px;
  background:var(--glass-light);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow)}
.carousel-btn{width:44px;height:44px;border-radius:50%;color:var(--blue);display:grid;place-items:center;
  border:1px solid #fff;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(255,255,255,.5));
  box-shadow:inset 0 1px 0 #fff,0 6px 14px -8px rgba(24,52,86,.5);
  transition:transform 160ms var(--ease-out),box-shadow .25s ease,opacity .25s ease}
.carousel-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.carousel-btn:disabled{opacity:.4}
.carousel-btn:active:not(:disabled){transform:scale(.92)}
@media(hover:hover) and (pointer:fine){.carousel-btn:hover:not(:disabled){box-shadow:inset 0 1px 0 #fff,0 10px 20px -8px rgba(24,52,86,.55)}}
.carousel-track{position:relative;width:72px;height:3px;border-radius:3px;background:rgba(24,52,86,.14);overflow:hidden;margin-inline:6px}
.carousel-thumb{position:absolute;left:0;top:0;bottom:0;width:30%;border-radius:3px;background:var(--blue);transition:transform .35s var(--ease-out)}
@media(min-width:600px){.carousel-track{width:110px}}
@media(prefers-reduced-motion:reduce){.carousel-thumb{transition:none}}

/* ---------- Locais ---------- */
.location{border-radius:24px;padding:30px 28px;transition:transform .35s var(--ease-out),box-shadow .35s ease}
.locations-grid{display:grid;gap:16px}
@media(min-width:900px){.locations-grid{gap:24px}.location{padding:38px 36px}}

/* ---------- Agendamento ---------- */
.booking{background:transparent}
.booking-form{border-radius:28px;padding:28px 22px}
@media(min-width:600px){.booking-form{padding:36px 34px}}
input{border-radius:14px;border:1px solid rgba(24,52,86,.14);background:rgba(255,255,255,.7);box-shadow:inset 0 1px 2px rgba(24,52,86,.08);transition:border-color .2s ease,box-shadow .2s ease}
input:focus{outline:none;border-color:rgba(24,52,86,.45);box-shadow:inset 0 1px 2px rgba(24,52,86,.08),0 0 0 4px rgba(74,132,190,.18)}

/* ---------- Encerramento ---------- */
.closing{background:radial-gradient(60vmax 60vmax at 85% 10%,rgba(70,120,180,.45),transparent 60%),radial-gradient(50vmax 50vmax at 0% 100%,rgba(10,26,44,.6),transparent 60%),var(--blue)}

/* ---------- Botão flutuante ---------- */
.floating-contact{width:54px;height:54px;border:1px solid var(--glass-dark-edge);background:var(--glass-dark);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--glass-dark-shadow);transition:transform 160ms var(--ease-out)}
.floating-contact:active{transform:scale(.94)}

/* ---------- Acessibilidade ---------- */
@media(prefers-reduced-transparency:reduce){
  .glass,.sign-card,.review,.location,.booking-form,.masthead,.carousel-btn,.hero-photo figcaption{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
  .button-light,.floating-contact{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--paper);color:var(--blue)}
  .sign-card--featured{background:var(--blue)}
  body::before,.signs::before,.signs::after,.quotes-shell::before,.locations-grid::before,.booking-form::before{display:none}
}
@media(prefers-contrast:more){
  .sign-card,.review,.location,.booking-form,.masthead{background:#fff;border-color:var(--blue)}
}
@media(prefers-reduced-motion:reduce){.button:active,.carousel-btn:active,.floating-contact:active{transform:none}}

/* Hero e cabeçalho sem setas nos botões. */
.hero-links .button,.masthead-cta{justify-content:center}

/* Ícone de seta (SVG) no lugar do caractere ↗. */
.ico{display:inline-grid;place-items:center;flex-shrink:0;transition:transform .3s var(--ease-out),background .3s ease}
.ico svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.button .ico{width:30px;height:30px;padding:8px;margin-right:-12px;border-radius:50%;background:rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.button-light .ico{background:rgba(255,255,255,.2)}
.text-link .ico,.line-link .ico,.reviews-contact .ico,.social-links .ico{width:14px;height:14px;margin-left:6px}
.contact-number .ico{width:20px;height:20px}
.reviews-contact a,.social-links a{display:inline-flex;align-items:center}
@media(hover:hover) and (pointer:fine){
  .button:hover .ico{transform:translateX(3px);background:rgba(255,255,255,.26)}
  .text-link:hover .ico,.contact-number:hover .ico,.reviews-contact a:hover .ico,.social-links a:hover .ico{transform:translateX(3px)}
}
.text-link{justify-content:flex-start;gap:8px}.text-link .ico{margin-left:0}
.contact-number{gap:12px}
.reviews-contact a{gap:4px}.reviews-contact .ico,.social-links .ico{margin-left:0}.social-links a{gap:4px}
.ico svg{stroke-width:2}
.button .ico{padding:9px}
.button .ico{width:32px;height:32px;padding:8px}

/* ---------- Locais + Agendamento (seção azul unificada) ---------- */
.contact{position:relative;overflow:hidden;color:var(--paper);
  background:radial-gradient(60vmax 60vmax at 85% 10%,rgba(70,120,180,.45),transparent 60%),radial-gradient(50vmax 50vmax at 0% 100%,rgba(10,26,44,.6),transparent 60%),var(--blue)}
.contact-grid{position:relative;display:grid;gap:56px}
.contact .eyebrow{color:var(--paper)}
.contact h2{color:#fff;font-size:clamp(36px,8vw,56px);line-height:1.1;max-width:560px}
.contact-cta>p:not(.eyebrow){margin-top:24px;max-width:430px;font-size:15px;color:rgba(245,243,245,.8)}
.contact-button{margin-top:36px;max-width:320px}
.contact-lung{position:absolute;z-index:0;pointer-events:none;width:min(560px,110%);right:-18%;bottom:-40px;color:rgba(245,243,245,.28)}
.contact-lung path{stroke:currentColor;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.contact-locations,.contact-cta{position:relative;z-index:1}
.locations-list{display:grid;gap:16px}
.contact .location{display:grid;grid-template-columns:1fr;padding:10px;border-radius:24px;color:var(--paper);
  background:radial-gradient(160px 160px at var(--mx,30%) var(--my,0%),rgba(255,255,255,.16),rgba(255,255,255,0) 70%),linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.05));
  border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 24px 48px -28px rgba(0,0,0,.55);
  -webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}
.location-map{border-radius:16px;overflow:hidden;height:170px;background:rgba(255,255,255,.08)}
.location-map iframe{display:block;width:100%;height:100%;border:0;filter:saturate(.75) contrast(.95)}
.location-body{padding:18px 14px 8px}
.contact .location-index{color:rgba(245,243,245,.7);margin-bottom:10px}
.contact .location h3{color:#fff;font-size:22px;margin-bottom:8px;max-width:none}
.contact .location address{color:rgba(245,243,245,.78);font-size:13px;line-height:1.7;margin-bottom:12px}
.contact .location-city{display:inline;margin:0}.contact .location-city::before{content:" · "}
.contact .text-link{color:#fff;border-bottom-color:rgba(255,255,255,.5)}
.contact .pending-link{color:rgba(245,243,245,.7)}
@media(min-width:600px){.contact .location{grid-template-columns:200px 1fr;align-items:center}.location-map{height:100%;min-height:170px}.location-body{padding:14px 18px}}
@media(min-width:900px){
  .contact-grid{grid-template-columns:1.05fr .95fr;gap:8%;align-items:center}
  .contact-cta{order:2}.contact-locations{order:1}
  .contact-lung{width:520px;right:-40px;top:50%;bottom:auto;transform:translateY(-50%)}
}
@media(min-width:1100px){.contact .location{grid-template-columns:230px 1fr}}
/* Linha do pulmão se desenha ao entrar na tela. */
.motion-ready .contact-lung path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.6s cubic-bezier(.65,0,.35,1)}
.motion-ready .lung-line.is-drawn path{stroke-dashoffset:0}
.motion-ready .contact-lung path:nth-child(2){transition-delay:.25s}.motion-ready .contact-lung path:nth-child(n+3){transition-delay:.45s}
@media(prefers-reduced-transparency:reduce){.contact .location{background:rgba(14,32,54,.95);-webkit-backdrop-filter:none;backdrop-filter:none}}
.contact-cta{order:-1}
.contact-lung{color:rgba(245,243,245,.2)}
@media(min-width:900px){.contact-cta{order:2}.contact-lung{width:560px;right:-150px}}
/* Pulmão em linha contínua: encosta na base da seção. */
.contact-lung{width:min(420px,95%);right:-12%;bottom:0;top:auto;transform:none;color:rgba(245,243,245,.24)}
.contact-lung path{stroke-width:1.2}
.motion-ready .contact-lung path{transition:stroke-dashoffset 3.2s cubic-bezier(.65,0,.35,1)}
@media(min-width:900px){.contact-lung{width:520px;right:-60px;top:auto;bottom:0;transform:none}}
.contact-grid{position:static}
.contact-lung{color:rgba(245,243,245,.2);right:-90px;width:380px}
@media(min-width:900px){.contact-lung{width:540px;right:calc((100% - min(1240px,100% - 112px))/2 - 70px)}}
/* Linha do pulmão desce do topo da seção. */
.contact-lung{top:0;bottom:auto;width:360px;right:-70px}
@media(min-width:900px){.contact-lung{width:520px;top:0;bottom:auto}}
.contact-lung{width:440px;right:-90px}
@media(min-width:900px){.contact-lung{width:620px;right:calc((100% - min(1240px,100% - 112px))/2 - 40px)}}
/* Botão "Ver mais avaliações no Google": pílula branca de vidro, igual às setas do carrossel. */
#reviews-link .text-link{min-height:48px;padding:0 10px 0 22px;gap:12px;border-radius:999px;border:1px solid #fff;color:var(--blue);font-size:13px;font-weight:500;
  background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(255,255,255,.5));
  box-shadow:inset 0 1px 0 #fff,0 10px 24px -14px rgba(24,52,86,.5);
  transition:transform 160ms var(--ease-out),box-shadow .25s ease}
#reviews-link .text-link .ico{width:30px;height:30px;padding:9px;border-radius:50%;background:rgba(24,52,86,.08)}
#reviews-link .text-link:active{transform:scale(.97)}
@media(hover:hover) and (pointer:fine){#reviews-link .text-link:hover{box-shadow:inset 0 1px 0 #fff,0 14px 28px -12px rgba(24,52,86,.55)}}

/* Desenho do pulmão: comprimento real calculado no JS (evita bug do Safari com pathLength). */
.contact-lung path{vector-effect:none;stroke-width:1.6}
.motion-ready .lung-line path{stroke-dasharray:var(--len,2000);stroke-dashoffset:var(--len,2000);transition:stroke-dashoffset 3.4s cubic-bezier(.65,0,.35,1)}
.motion-ready .lung-line.is-drawn path{stroke-dashoffset:0}

.contact .text-link{border-bottom:0;min-height:36px}
.contact .location h3{margin-top:2px}
.hero{padding-bottom:40px}@media(min-width:900px){.hero{padding-bottom:64px}}

/* ---------- Hero com pulmão em linha contínua (no lugar da foto) ---------- */
.hero-lung{position:relative;margin:24px 0 0;display:flex;flex-direction:column;align-items:center;isolation:isolate}
.hero-lung::before{content:"";position:absolute;z-index:-1;inset:18% 8% 10%;border-radius:50%;background:radial-gradient(circle,rgba(74,132,190,.32),rgba(74,132,190,0) 65%);filter:blur(30px)}
.hero-lung-svg{width:min(360px,92%);height:auto;overflow:visible;color:var(--blue)}
.hero-lung-svg path{stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.motion-ready .hero-lung-svg path{transition-duration:3.6s}
.hero-lung-tag{margin-top:18px;display:flex;gap:14px;align-items:center;padding:12px 22px;border-radius:999px;font-size:11px;font-weight:500;color:var(--blue);
  background:var(--glass-light);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow)}
.hero-lung-tag span:last-child{opacity:.7}
@media(min-width:900px){
  .hero-lung{margin:-150px 0 0;align-self:stretch;justify-content:flex-start}
  .hero-lung-svg{width:min(560px,100%)}
  .hero-lung-tag{margin-top:8px;font-size:12px}
}
@media(min-width:900px){.hero-lung-svg{width:min(640px,115%)}.hero-lung-tag{margin-top:14px}}

/* Dois botões de agendamento (um por clínica). */
.contact-buttons{margin-top:36px;display:grid;gap:12px;max-width:340px}
.contact-buttons .contact-button{margin-top:0;max-width:none}
.contact-button.is-pending{opacity:.55;cursor:default}
.contact-button.is-pending:active{transform:none}
.pending-tag{font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.16)}
@media(min-width:600px){.contact-buttons{grid-template-columns:1fr 1fr;max-width:560px}}
.contact-buttons .contact-button{white-space:nowrap;padding-inline:24px 12px}.pending-tag{display:none}.contact-button.is-pending{padding-right:24px}
/* Chevron dentro da pílula, com respiro igual em cima, embaixo e à direita. */
.button .ico{margin-right:0}
.button:has(.ico){padding-right:12px}
.contact-buttons .contact-button{padding-inline:24px 12px}
/* Hero com a foto do consultório (logo já aparece na parede). */
.hero-photo--office img{object-position:50% 18%;border-radius:28px;border-top-left-radius:140px}
@media(min-width:900px){.hero-photo--office img{height:100%;min-height:600px;max-height:780px;object-position:50% 15%;border-radius:32px;border-top-left-radius:220px}}
.location-photo img{width:100%;height:100%;object-fit:cover;display:block}
/* Celular: título e texto → cards dos locais → botões de agendamento. */
@media(max-width:899px){
  .contact-grid{gap:0}
  .contact-cta{display:contents}
  .contact-cta h2,.contact-cta>p{position:relative;z-index:1}
  .contact-locations{order:2;margin-top:44px}
  .contact-buttons{order:3;margin-top:24px;position:relative;z-index:1;max-width:none}
}
/* Rodapé no mesmo azul da seção de agendamento, emendado nela. */
.footer-band{color:var(--paper);background:radial-gradient(50vmax 40vmax at 0% 0%,rgba(10,26,44,.55),transparent 60%),var(--blue)}
.footer-band .footer{border-top:1px solid rgba(255,255,255,.12);padding-block:36px 40px}
.footer-band .wordmark img{filter:brightness(0) invert(1);opacity:.92}
.footer-band .social-links a,.footer-band .social-links .text-link{color:#fff;border-bottom-color:rgba(255,255,255,.35)}
.footer-band .pending-link{color:rgba(245,243,245,.6);border-bottom-color:rgba(255,255,255,.2)}
.footer-band .footer>p{color:rgba(245,243,245,.65);border-top-color:rgba(255,255,255,.12)}
@media(max-width:899px){.footer-band .footer{padding-bottom:96px}}
.footer-band .social-links .text-link{border-bottom:0;min-height:36px}
/* Celular: pontinhos no lugar das setas (deslizar é no dedo). */
.carousel-dots{display:none}
@media(max-width:599px){
  .carousel-controls{display:none}
  .carousel-dots{display:flex;justify-content:center;gap:8px;width:100%;padding-top:4px}
  .carousel-dot{width:7px;height:7px;border-radius:999px;background:rgba(24,52,86,.2);transition:width .3s var(--ease-out),background .3s ease}
  .carousel-dot.is-active{width:22px;background:var(--blue)}
  .reviews-tail{flex-direction:column;align-items:center;gap:24px}
}
@media(prefers-reduced-motion:reduce){.carousel-dot{transition:none}}
/* Menu sempre fixo no topo (fixed em vez de sticky: funciona mesmo dentro de containers com overflow). */
.masthead{position:fixed;top:12px;left:0;right:0;margin:0 auto;width:calc(100% - 44px);max-width:1240px}
body{padding-top:96px}
@media(min-width:600px){.masthead{width:calc(100% - 72px)}}
@media(min-width:900px){.masthead{width:calc(100% - 112px)}body{padding-top:104px}}
/* Seções "brancas" no mesmo off-white da identidade (#F5F3F5), com um leve tom para separar das demais. */
.about,.faq{background:linear-gradient(180deg,rgba(24,52,86,.035),rgba(24,52,86,.035)),var(--paper)}
/* Rodapé: linha de baixo com © à esquerda e links legais à direita. */
.footer-band .footer{flex-wrap:wrap}
.footer-bottom{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;margin-top:6px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12)}
.footer-band .footer-bottom p{font-size:11px;color:rgba(245,243,245,.6);margin:0;padding:0;border:0;flex-basis:auto}
.footer-legal{display:flex;flex-wrap:wrap;align-items:center;gap:6px 0}
.footer-legal a{font-size:11px;color:rgba(245,243,245,.72);transition:color .2s ease}
.footer-legal a+a::before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:rgba(245,243,245,.35);margin:0 12px;vertical-align:middle}
@media(hover:hover) and (pointer:fine){.footer-legal a:hover{color:#fff}}
@media(max-width:599px){.footer-bottom{flex-direction:column-reverse;align-items:flex-start}}
/* Rodapé: CRM e RQE abaixo do logo. */
.footer-brand{display:flex;flex-direction:column;gap:14px}
.footer-band .footer-crm{margin:0;padding:0;border:0;font-size:11px;line-height:1.6;letter-spacing:.04em;color:rgba(245,243,245,.72);display:flex;flex-wrap:wrap;gap:2px 14px}
.footer-crm span{position:relative}
.footer-crm span::before{content:"";position:absolute;left:-8px;top:50%;width:3px;height:3px;border-radius:50%;background:rgba(245,243,245,.35)}
@media(max-width:599px){.footer-band .footer-crm{flex-direction:column}.footer-crm span::before{display:none}}
/* Menos espaço entre o hero e "Alguns sinais merecem atenção". */
.hero{padding-bottom:8px}
.health.section{padding-top:40px}
@media(min-width:900px){.hero{padding-bottom:16px}.health.section{padding-top:64px}}
/* Sem "degraus" de cor entre as seções claras: todas no mesmo fundo contínuo. */
.about,.faq,.booking,.health,.testimonials{background:transparent}
/* Cards de atendimento: vidro escuro, no mesmo azul da seção (sem clarear). */
.contact .location{background:radial-gradient(160px 160px at var(--mx,30%) var(--my,0%),rgba(255,255,255,.07),rgba(255,255,255,0) 70%),linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.02));
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-color:rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 24px 48px -28px rgba(0,0,0,.6)}
.contact,.closing{background:radial-gradient(60vmax 60vmax at 85% 10%,rgba(60,105,160,.32),transparent 60%),radial-gradient(50vmax 50vmax at 0% 100%,rgba(10,26,44,.6),transparent 60%),var(--blue)}
.contact .button-light{background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.05));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
h1 strong,h2 strong{font-weight:700;letter-spacing:-.025em}
/* Foto do hero ocupando toda a coluna da direita (sem o recorte em arco). */
.hero-photo--office{margin:28px 0 0;align-self:stretch;display:flex}
.hero-photo--office img{width:100%;height:520px;object-fit:cover;object-position:50% 20%;border-radius:24px}
@media(min-width:900px){
  .hero{align-items:stretch}
  .hero-photo--office{margin:0;height:100%}
  .hero-photo--office img{height:100%;min-height:0;max-height:none;border-radius:28px;object-position:50% 18%}
}
/* Celular: botão "Quero agendar uma avaliação" depois dos cards de sinais. */
@media(max-width:899px){
  .health.section{display:flex;flex-direction:column}
  .health-heading{display:contents}
  .health-heading .section-heading{order:1}
  .health .signs{order:2}
  .health-cta{order:3;margin-top:28px;max-width:none}
}

/* ---------- Abertura: tela azul + pulmão se desenhando + cortina sobe para o hero ---------- */
.splash{display:none}
html.splash-on{overflow:hidden}
html.splash-on .splash{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;color:#fff;
  background:radial-gradient(60vmax 60vmax at 80% 10%,rgba(60,105,160,.35),transparent 60%),radial-gradient(50vmax 50vmax at 0% 100%,rgba(10,26,44,.6),transparent 60%),var(--blue);
  clip-path:inset(0 0 0 0);transition:clip-path .85s cubic-bezier(.77,0,.175,1)}
.splash-lung{width:min(300px,62vw);height:auto;overflow:visible}
.splash-lung path{stroke:rgba(255,255,255,.9);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:stroke-dashoffset 2s cubic-bezier(.65,0,.35,1)}
.splash.is-drawing .splash-lung path{stroke-dashoffset:0!important}
.splash-name{font-family:var(--font-brand);font-weight:300;font-size:clamp(26px,6vw,36px);letter-spacing:-.01em;color:#fff;text-align:center;line-height:1.1;
  opacity:0;transform:translateY(8px);transition:opacity .6s ease 1.5s,transform .6s var(--ease-out) 1.5s}
.splash-name span{display:block;margin-top:8px;font-family:var(--font-body);font-size:11px;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:rgba(245,243,245,.7)}
.splash.is-drawing .splash-name{opacity:1;transform:none}
.splash.is-leaving{clip-path:inset(0 0 100% 0)}
.splash.is-leaving .splash-lung,.splash.is-leaving .splash-name{opacity:0;transform:translateY(-24px);transition:opacity .45s ease,transform .6s var(--ease-out)}
/* Hero entra suave quando a cortina sobe. */
html.splash-on .hero-copy,html.splash-on .hero-photo{opacity:0;transform:translateY(18px)}
html.splash-reveal .hero-copy,html.splash-reveal .hero-photo{opacity:1;transform:none;transition:opacity .8s ease .25s,transform .9s var(--ease-out) .25s}
html.splash-reveal .hero-photo{transition-delay:.4s}
html.splash-on .masthead{opacity:0}
html.splash-reveal .masthead{opacity:1;transition:opacity .6s ease .5s}


/* Botão flutuante do WhatsApp: símbolo oficial preenchido, círculo azul sólido. */
.floating-contact{width:56px;height:56px;right:18px;bottom:18px;border:1px solid transparent;color:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;
  background:linear-gradient(180deg,#22466e 0%,#183456 60%,#142c49 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.18),0 12px 26px -12px rgba(24,52,86,.65);
  transition:transform 160ms var(--ease-out),box-shadow .3s ease,background .3s ease}
.floating-contact .wa-icon{width:26px;height:26px;fill:currentColor}
@media(hover:hover) and (pointer:fine){.floating-contact:hover{background:linear-gradient(180deg,#2a5280 0%,#1c3d62 60%,#16304f 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.36),inset 0 -1px 0 rgba(0,0,0,.18),0 16px 30px -12px rgba(24,52,86,.7)}}
@media(min-width:900px){.floating-contact{right:28px;bottom:28px}.footer-band .footer{padding-bottom:110px}}