:root{--surface-gray:#f1f1ee;--surface-beige:#e9e1d6;--ink:#20282c;--muted:#6d7477;--line:rgba(32,40,44,.14);--ease:cubic-bezier(.2,.75,.25,1)}
.page-home .about{background:var(--surface-gray)!important}.page-home .concerns{background:var(--surface-beige)!important}.page-home .specialties{background:var(--surface-gray)!important}.page-home .exams{background:var(--surface-beige)!important}.page-home .approach{background:var(--surface-gray)!important}.page-home .offices{background:var(--surface-beige)!important}.page-home .blog-preview{background:var(--surface-gray)!important}.page-home .contact{background:var(--surface-beige)!important}.page-home .faq{background:var(--surface-gray)!important}.photo-note{display:none!important}
a.specialty-card{display:flex;text-decoration:none;color:inherit}.specialty-card{transition:transform .38s var(--ease),box-shadow .38s var(--ease),background .38s var(--ease)}.specialty-card:hover,.specialty-card:focus-visible{transform:translateY(-7px);box-shadow:0 18px 44px rgba(31,39,43,.12)}
.contact-grid{grid-template-columns:minmax(280px,.78fr) minmax(440px,1.22fr)!important;gap:34px!important;align-items:start}.unit-tabs{gap:10px!important}.unit-tab{min-height:92px!important;padding:17px 22px!important;border:1px solid var(--line)!important;background:rgba(255,255,255,.48)!important;border-radius:14px!important;transition:.3s var(--ease)!important}.unit-tab strong{font-size:20px!important}.unit-tab:hover{transform:translateX(5px)}.unit-tab[aria-selected="true"]{background:var(--ink)!important;border-color:var(--ink)!important;color:#fff!important}.unit-panel{padding:34px 38px!important;border:1px solid rgba(31,39,43,.09)!important;border-radius:18px!important;box-shadow:0 15px 45px rgba(31,39,43,.06)!important;background:rgba(255,255,255,.78)!important}
.blog-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px}.blog-preview-card{display:flex;flex-direction:column;min-height:260px;padding:28px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.62);text-decoration:none;color:var(--ink);transition:.35s var(--ease)}.blog-preview-card h3{font-size:24px;line-height:1.12;font-weight:500;margin:28px 0 12px}.blog-preview-card p{color:var(--muted);line-height:1.65}.blog-preview-card b{margin-top:auto;padding-top:22px}.blog-preview-card:hover{transform:translateY(-6px);background:#fff;box-shadow:0 18px 42px rgba(31,39,43,.11)}.blog-all{margin-top:28px}
.reveal-on-scroll{opacity:0;transform:translateY(18px);transition:opacity .65s var(--ease),transform .65s var(--ease)}.reveal-on-scroll.is-visible{opacity:1;transform:none}.button:active,.unit-tab:active,.blog-preview-card:active,.specialty-card:active{transform:scale(.985)}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr!important}.unit-tabs{display:grid!important;grid-template-columns:repeat(3,1fr)!important}.blog-preview-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.unit-tabs{display:flex!important;overflow-x:auto}.unit-tab{min-width:78%!important}.unit-panel{padding:26px 22px!important}.blog-preview-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.reveal-on-scroll{opacity:1!important;transform:none!important}}
/* Contraste da seção Consultas e Exames */
.page-home .exams{color:var(--ink)!important}
.page-home .exams .eyebrow{color:#6f6258!important}
.page-home .exams .eyebrow span{background:#7e6d61!important}
.page-home .exams h2{color:#253036!important}
.page-home .exams h2 em{color:#75665c!important}
.page-home .exams-copy>p:not(.eyebrow){color:#5f676a!important}
.page-home .exams .button{background:#253036!important;color:#fff!important;border-color:#253036!important}
.page-home .exams .button:hover,.page-home .exams .button:focus-visible{background:#11181c!important}
.page-home .exam-list details{border-bottom-color:rgba(32,40,44,.18)!important}
.page-home .exam-list details:first-child{border-top-color:rgba(32,40,44,.18)!important}
.page-home .exam-list summary{color:#253036!important;font-weight:500}
.page-home .exam-list summary>span{color:#8a776a!important;font-weight:600}
.page-home .exam-list summary>i{color:#6f6258!important}
.page-home .exam-list details>p{color:#5f676a!important}
.page-home .exams-background{opacity:.05!important;color:#253036!important}

/* Links com seta em botão circular */
.text-link{
  gap:12px!important;
  text-decoration:none!important;
}
.text-link .icon{
  width:38px!important;
  height:38px!important;
  padding:10px!important;
  box-sizing:border-box!important;
  flex:0 0 38px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(32,40,44,.14)!important;
  color:var(--ink)!important;
  transition:transform .28s var(--ease),background .28s ease,color .28s ease,border-color .28s ease!important;
}
.text-link:hover .icon,
.text-link:focus-visible .icon{
  transform:translate(2px,-2px) scale(1.04)!important;
  background:var(--ink)!important;
  border-color:var(--ink)!important;
  color:#fff!important;
}
.text-link:hover,
.text-link:focus-visible{
  text-decoration:none!important;
}
.text-link:active .icon{
  transform:scale(.96)!important;
}
@media(max-width:640px){
  .text-link .icon{
    width:36px!important;
    height:36px!important;
    flex-basis:36px!important;
    padding:9px!important;
  }
}


/* Logo oficial vetorial — regra única */
.header-inner{min-height:104px!important}
.supplied-brand{
  position:relative!important;
  width:300px!important;
  min-width:300px!important;
  height:98px!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.supplied-brand::before{display:none!important;content:none!important}
.supplied-brand img,
.brand-logo,
.simple-footer img{
  content:url("/assets/logo-juliano-hq.svg")!important;
  width:300px!important;
  max-width:100%!important;
  height:auto!important;
  max-height:98px!important;
  object-fit:contain!important;
  background:transparent!important;
  filter:none!important;
  box-shadow:none!important;
  transform:none!important;
  image-rendering:auto!important;
}
.supplied-brand:hover img,
.supplied-brand:focus-visible img{filter:none!important;transform:none!important}
.footer .brand-logo,.simple-footer img{width:245px!important;max-height:80px!important}
@media(max-width:1080px){
  .header-inner{min-height:92px!important}
  .supplied-brand{width:260px!important;min-width:260px!important;height:85px!important}
  .supplied-brand img{width:260px!important;max-height:85px!important}
}
@media(max-width:760px){
  .header-inner{min-height:80px!important}
  .supplied-brand{width:220px!important;min-width:220px!important;height:72px!important}
  .supplied-brand img{width:220px!important;max-height:72px!important}
}
@media(max-width:420px){
  .supplied-brand{width:195px!important;min-width:195px!important;height:64px!important}
  .supplied-brand img{width:195px!important;max-height:64px!important}
}

/* Menos numeração repetida: ícones nas listas e áreas */
.list-icon{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(108,126,136,.22)!important;
  border-radius:50%!important;
  color:#6c7e88!important;
  padding:0!important;
  margin-top:0!important;
}
.list-icon .icon{
  width:16px!important;
  height:16px!important;
  stroke-width:1.35!important;
}
.formation-list>div{
  align-items:center!important;
  gap:15px!important;
}
.formation-list>div>.list-icon{
  flex:0 0 32px!important;
}
.concerns-list>p{
  align-items:center!important;
  gap:16px!important;
}
.concerns-list>p>.list-icon{
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
}
.area-overview-icon{
  width:42px!important;
  height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  background:#f2f3f2!important;
  border:1px solid var(--line)!important;
  color:#6c7e88!important;
}
.area-overview-icon .icon{
  width:20px!important;
  height:20px!important;
  stroke-width:1.25!important;
}
.area-overview h3{
  margin-top:16px!important;
}
.exam-list summary>.exam-icon{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  margin-right:3px!important;
  color:#d4dde2!important;
  border-color:rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.04)!important;
}
.exam-list summary>.exam-icon .icon{
  width:17px!important;
  height:17px!important;
}
.approach-grid article>span{
  font-size:9px!important;
  letter-spacing:1.8px!important;
}
@media(max-width:640px){
  .list-icon{width:30px!important;height:30px!important;min-width:30px!important}
  .area-overview-icon{width:38px!important;height:38px!important}
  .exam-list summary>.exam-icon{width:32px!important;height:32px!important;min-width:32px!important}
}


/* Unidades sem numeração: ícone de localização e hierarquia mais limpa */
.unit-tab{position:relative!important}
.unit-tab-pin{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  border:1px solid rgba(32,40,44,.14)!important;
  color:#6c7e88!important;
  margin-bottom:8px!important
}
.unit-tab-pin .icon{width:17px!important;height:17px!important}
.unit-tab-arrow{position:absolute!important;right:18px!important;top:18px!important;width:18px!important;height:18px!important}
.unit-tab[aria-selected="true"] .unit-tab-pin{
  border-color:rgba(255,255,255,.2)!important;
  color:#fff!important;
  background:rgba(255,255,255,.08)!important
}
@media(max-width:640px){
  .unit-tab{min-width:72%!important}
  .unit-tab-pin{width:32px!important;height:32px!important;min-width:32px!important}
}


/* Mini mapa das unidades */
.unit-map-wrap{
  margin-top:18px;
  margin-bottom:24px;
}
.unit-map-embed{
  display:block;
  width:100%;
  height:190px;
  border:0;
  border-radius:16px;
  overflow:hidden;
  background:#e9ecec;
  box-shadow:0 8px 24px rgba(31,39,43,.08);
}
.unit-map-link{
  margin-top:10px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--ink);
  font-size:10px;
  text-decoration:none;
  font-weight:500;
}
.unit-map-link .icon{
  width:16px;
  height:16px;
}
.unit-map-link:hover,
.unit-map-link:focus-visible{
  text-decoration:underline;
  text-underline-offset:4px;
}
@media(max-width:640px){
  .unit-map-embed{
    height:170px;
    border-radius:14px;
  }
}


/* FAQ ampliado */
.faq-visual{
  display:block;
  width:min(100%,420px);
  aspect-ratio:4/3;
  object-fit:cover;
  border-radius:18px;
  margin-top:30px;
  box-shadow:0 14px 38px rgba(31,39,43,.08);
}
.faq-list details{
  border-bottom:1px solid var(--line);
}
.faq-list details:first-child{
  border-top:1px solid var(--line);
}
.faq-list summary{
  padding:20px 0;
}
.faq-list details>p{
  padding:0 28px 20px 0;
  color:var(--muted);
  line-height:1.8;
}
@media(max-width:760px){
  .faq-visual{
    width:100%;
    margin:24px 0 8px;
    border-radius:14px;
  }
}


/* Visão geral dos atendimentos */
.page-home .service-overview{background:var(--surface-beige)!important}
.service-overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.service-overview-card{display:flex;flex-direction:column;min-height:310px;padding:28px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.58);color:var(--ink);text-decoration:none;transition:.35s var(--ease)}
.service-overview-card:hover,.service-overview-card:focus-visible{transform:translateY(-6px);background:#fff;box-shadow:0 18px 42px rgba(31,39,43,.11)}
.service-overview-icon{width:48px;height:48px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(32,40,44,.15);color:#6c7e88}
.service-overview-icon .icon{width:22px;height:22px}
.service-overview-card h3{font-size:24px;line-height:1.15;margin:28px 0 12px;font-weight:500}
.service-overview-card p{color:var(--muted);line-height:1.7;font-size:12px}
.service-overview-card>span:last-child{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:26px;font-size:10px;font-weight:600}
.service-overview-card>span:last-child .icon{width:18px;height:18px}
@media(max-width:1050px){.service-overview-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.service-overview-grid{grid-template-columns:1fr}.service-overview-card{min-height:245px}}


/* ===== Refinamento 2026-11-03: FAQ compacto, galeria e cabeçalho ===== */

/* Cabeçalho: evita que a logo ultrapasse a altura da navegação */
@media (min-width:1081px){
  .header-inner{
    height:88px!important;
    min-height:88px!important;
  }
  .supplied-brand{
    width:250px!important;
    min-width:250px!important;
    height:70px!important;
  }
  .supplied-brand img{
    width:250px!important;
    max-width:250px!important;
    max-height:70px!important;
  }
}
@media (max-width:1080px){
  .header-inner{
    height:83px!important;
    min-height:83px!important;
  }
  .supplied-brand{
    width:220px!important;
    min-width:220px!important;
    height:62px!important;
  }
  .supplied-brand img{
    width:220px!important;
    max-width:220px!important;
    max-height:62px!important;
  }
}
@media (max-width:760px){
  .header-inner{
    height:78px!important;
    min-height:78px!important;
  }
  .supplied-brand{
    width:188px!important;
    min-width:188px!important;
    height:54px!important;
  }
  .supplied-brand img{
    width:188px!important;
    max-width:188px!important;
    max-height:54px!important;
  }
}
@media (max-width:390px){
  .supplied-brand{
    width:164px!important;
    min-width:164px!important;
  }
  .supplied-brand img{
    width:164px!important;
    max-width:164px!important;
  }
}

/* Galeria compacta */
.offices{
  overflow:hidden;
}
.gallery-heading{
  margin-bottom:30px!important;
}
.gallery.gallery-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  min-height:0!important;
}
.gallery-card{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:4/3;
  padding:0;
  margin:0;
  border:0;
  border-radius:18px;
  overflow:hidden;
  background:#ecebe7;
  cursor:pointer;
  box-shadow:0 8px 24px rgba(31,39,43,.06);
  transition:transform .28s ease,box-shadow .28s ease;
}
.gallery-card::after{
  content:"↗";
  position:absolute;
  right:14px;
  bottom:14px;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(255,255,255,.94);
  color:#263139;
  font-size:16px;
  box-shadow:0 5px 18px rgba(0,0,0,.09);
  transition:transform .25s ease;
}
.gallery-card:hover,
.gallery-card:focus-visible{
  transform:translateY(-4px);
  box-shadow:0 16px 38px rgba(31,39,43,.12);
  outline:none;
}
.gallery-card:hover::after,
.gallery-card:focus-visible::after{
  transform:translate(2px,-2px);
}
.gallery-card img{
  display:block;
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  object-fit:cover!important;
  transition:transform .45s ease!important;
}
.gallery-card:nth-child(1) img{object-position:center 43%!important}
.gallery-card:nth-child(2) img{object-position:center 46%!important}
.gallery-card:nth-child(3) img{object-position:center 45%!important}
.gallery-card:hover img,
.gallery-card:focus-visible img{
  transform:scale(1.035)!important;
}
.gallery-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:20px 2px 0;
}
.gallery-footer>span{
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--muted);
  font-size:11px;
  line-height:1.6;
}
.gallery-footer>span .icon{
  width:19px;
  height:19px;
  color:var(--bronze);
}
.gallery-footer .text-link{
  font-size:10px;
}
@media(max-width:850px){
  .gallery.gallery-grid{
    grid-template-columns:1fr 1fr!important;
  }
  .gallery-card:first-child{
    grid-column:1/-1;
    aspect-ratio:16/9;
  }
}
@media(max-width:560px){
  .offices .section-heading{
    padding-bottom:0!important;
  }
  .gallery.gallery-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .gallery-card,
  .gallery-card:first-child{
    grid-column:auto;
    aspect-ratio:4/3;
    border-radius:14px;
  }
  .gallery-footer{
    align-items:flex-start;
    flex-direction:column;
    gap:12px;
    padding-top:16px;
  }
}

/* FAQ da Home: apenas principais inicialmente */
.faq{
  overflow:hidden;
}
.faq-grid{
  align-items:start;
}
.faq-intro{
  position:sticky;
  top:118px;
}
.faq-visual{
  width:min(100%,360px)!important;
  aspect-ratio:16/10!important;
  max-height:230px;
  object-position:center 46%;
  margin-top:26px!important;
  border-radius:16px!important;
}
.faq-list summary{
  padding:17px 0!important;
  font-size:12px!important;
}
.faq-list details>p{
  padding:0 30px 17px 0!important;
  margin:0!important;
  line-height:1.75!important;
}
.faq-extra[hidden]{
  display:none!important;
}
.faq-toggle{
  margin-top:24px;
  min-height:48px;
  padding:12px 22px!important;
  gap:14px!important;
  font-size:10px!important;
  background:transparent!important;
  color:var(--ink)!important;
  border:1px solid rgba(32,40,44,.22)!important;
}
.faq-toggle:hover,
.faq-toggle:focus-visible{
  background:var(--ink)!important;
  color:#fff!important;
  border-color:var(--ink)!important;
}
.faq-toggle .icon{
  width:17px;
  height:17px;
}
.faq-toggle[aria-expanded="true"] .icon{
  transform:rotate(-90deg);
}
@media(max-width:760px){
  .faq-intro{
    position:static;
  }
  .faq-visual{
    max-height:none;
    width:100%!important;
    margin-top:22px!important;
  }
  .faq-list summary{
    font-size:12px!important;
    padding:16px 0!important;
  }
  .faq-toggle{
    width:100%;
    justify-content:space-between;
  }
}


/* ===== Correção da navegação 2026-11-03 ===== */
.header{
  z-index:1000!important;
}
.page-home .header.is-scrolled{
  background:#151619!important;
  box-shadow:0 8px 28px rgba(0,0,0,.18),0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:none!important;
}
.header .main-nav,
.header .nav-dropdown,
.header .nav-dropdown-toggle{
  pointer-events:auto!important;
}
.header .nav-dropdown{
  z-index:1010!important;
}
.header .nav-dropdown-toggle{
  position:relative!important;
  z-index:1011!important;
  cursor:pointer!important;
}
.header .nav-panel{
  z-index:1100!important;
  pointer-events:auto!important;
  background:#202226!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.32)!important;
}
.header .nav-panel:not([hidden]){
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}
@media(max-width:1080px){
  .header .main-nav{
    z-index:1090!important;
    background:#191b1e!important;
  }
  .header .nav-panel{
    position:static!important;
    box-shadow:none!important;
    border:0!important;
    background:rgba(255,255,255,.04)!important;
  }
}
