/* Clínica Hamoni · componentes */
.envolve{width:min(100% - 2rem,var(--largura));margin-inline:auto}
.secao{padding-block:var(--e-9)}
.secao--areia{background:var(--areia)}
.fio{display:flex;align-items:center;gap:var(--e-4);color:var(--ouro);margin:0 0 var(--e-5)}
.fio::before{content:"";width:3rem;height:1px;background:currentColor}
.fio svg{width:1.1rem;height:1.1rem}
.medida{max-width:var(--medida)}
.olho{font-size:var(--t-2);line-height:1.5;color:var(--texto)}

/* Botões */
.btn{display:inline-flex;align-items:center;gap:var(--e-2);min-height:3rem;padding:.7rem 1.5rem;border-radius:var(--raio-btn);font:500 var(--t-1)/1.2 var(--f-texto);text-decoration:none;cursor:pointer;border:1px solid transparent;transition:background var(--trans),color var(--trans)}
.btn svg{width:1.25rem;height:1.25rem;flex:none}
.btn--cheio{background:var(--bronze);color:var(--branco)}
.btn--cheio:hover{background:var(--bronze-escuro);color:var(--branco)}
.btn--ouro{background:var(--ouro);color:var(--tinta)}
.btn--ouro:hover{background:#D4A845;color:var(--tinta)}
.btn--linha{border-color:var(--bronze);color:var(--tinta);background:transparent}
.btn--linha:hover{background:var(--areia);color:var(--tinta)}
.acoes{display:flex;flex-wrap:wrap;gap:var(--e-3);align-items:flex-start}

/* Escolha de WhatsApp por área (sem script) */
.zap{position:relative}
.zap>summary{list-style:none}
.zap>summary::-webkit-details-marker{display:none}
.zap>summary .seta{transition:transform var(--trans)}
.zap[open]>summary .seta{transform:rotate(180deg)}
.zap ul{position:absolute;z-index:20;top:calc(100% + .4rem);left:0;min-width:17rem;margin:0;padding:var(--e-2);list-style:none;background:var(--branco);border:1px solid var(--fio);border-radius:6px;box-shadow:var(--sombra)}
.zap li a{display:flex;justify-content:space-between;gap:var(--e-4);padding:.65rem .75rem;border-radius:4px;color:var(--tinta);text-decoration:none}
.zap li a:hover{background:var(--areia)}
.zap li small{color:var(--texto);font-size:var(--t-0)}

/* Cabeçalho */
.topo{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid var(--fio);backdrop-filter:saturate(1.2) blur(6px)}
.topo .envolve{display:flex;align-items:center;gap:var(--e-5);min-height:4.75rem}
.marca{display:block;flex:none}
.marca img{width:auto;height:2.6rem}
.menu{margin-left:auto}
.menu>ul{display:flex;gap:var(--e-1);margin:0;padding:0;list-style:none}
.menu a,.menu button{display:flex;align-items:center;gap:.3rem;min-height:2.75rem;padding:0 var(--e-3);color:var(--tinta);text-decoration:none;font:400 var(--t-1)/1 var(--f-texto);background:none;border:0;cursor:pointer}
.menu a:hover,.menu button:hover,.menu [aria-current=page]{color:var(--ouro-texto)}
.menu [aria-current=page]{text-decoration:underline;text-decoration-color:var(--ouro);text-underline-offset:.5em}
.menu li{position:relative}
.sub{position:absolute;top:100%;left:0;min-width:15rem;margin:0;padding:var(--e-2);list-style:none;background:var(--branco);border:1px solid var(--fio);border-radius:6px;box-shadow:var(--sombra);display:none}
.tem-sub:hover>.sub,.tem-sub.aberto>.sub,.tem-sub:focus-within>.sub{display:block}
.sub a{min-height:2.5rem;border-radius:4px}
.sub a:hover{background:var(--areia)}
.topo__tel{color:var(--tinta);text-decoration:none;white-space:nowrap;display:flex;align-items:center;gap:.4rem;min-height:2.75rem}
.topo__tel svg{width:1.1rem;height:1.1rem;color:var(--ouro-texto)}
.botao-menu{display:none}

@media (max-width:1060px){
  .topo__tel span{display:none}
}
@media (max-width:900px){
  .botao-menu{display:flex;align-items:center;gap:.4rem;margin-left:auto;min-height:2.75rem;padding:0 var(--e-3);background:none;border:1px solid var(--fio);border-radius:var(--raio-btn);font:500 var(--t-1)/1 var(--f-texto);color:var(--tinta);cursor:pointer}
  .menu{display:none;position:absolute;left:0;right:0;top:100%;background:var(--branco);border-bottom:1px solid var(--fio);padding:var(--e-3) 1rem var(--e-5)}
  .topo.menu-aberto .menu{display:block}
  .menu>ul{flex-direction:column}
  .sub{position:static;display:none;border:0;box-shadow:none;padding:0 0 0 var(--e-4)}
  .tem-sub:hover>.sub{display:none}
  .tem-sub.aberto>.sub{display:block}
  .topo .btn{display:none}
  .topo__tel{margin-left:0}
}

/* Hero da home */
.hero{padding-block:var(--e-8) var(--e-9);overflow:hidden}
.hero .envolve{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:var(--e-8);align-items:center}
.hero h1{font-size:clamp(3rem,8vw,5.4rem);margin-bottom:var(--e-5)}
.hero .olho{max-width:30rem;margin-bottom:var(--e-6)}
.hero__boas{font-family:var(--f-titulo);font-size:var(--t-3);color:var(--bronze);margin-bottom:var(--e-3)}
.moldura{position:relative}
.moldura::before{content:"";position:absolute;inset:-1rem 1rem 1rem -1rem;border:1px solid var(--ouro);pointer-events:none}
.moldura img{position:relative;width:100%;aspect-ratio:16/10;object-fit:cover}

/* Harmonia */
.harmonia .envolve{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--e-8);align-items:center}
.harmonia__simbolo{position:relative}
.harmonia__simbolo img{width:min(100%,26rem);margin-inline:auto;filter:drop-shadow(0 18px 30px rgba(107,90,62,.18))}

/* Áreas */
.cabeca{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:var(--e-5);margin-bottom:var(--e-7)}
.cabeca p{margin:0}
.areas{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:var(--e-6) var(--e-5);margin:0;padding:0;list-style:none}
@media (min-width:1000px){.areas{grid-template-columns:repeat(6,1fr)}.area{grid-column:span 2}.area:nth-child(4),.area:nth-child(5){grid-column:span 3}.area:nth-child(n+4) img{aspect-ratio:16/9}}
.area{display:flex;flex-direction:column;background:var(--branco);border:1px solid var(--fio)}
.area img{width:100%;aspect-ratio:4/3;object-fit:cover}
.area__corpo{display:flex;flex-direction:column;flex:1;padding:var(--e-5) var(--e-5) var(--e-5)}
.area h3{font-family:var(--f-titulo);font-weight:400;font-size:var(--t-4);margin-bottom:var(--e-3)}
.area h3 a{color:var(--tinta);text-decoration:none}
.area h3 a::after{content:"";position:absolute;inset:0}
.area{position:relative}
.area ul{margin:0 0 var(--e-5);padding:0;list-style:none;color:var(--texto)}
.area ul li{padding-left:1.1rem;position:relative}
.area ul li::before{content:"";position:absolute;left:0;top:.8em;width:.45rem;height:1px;background:var(--ouro)}
.area__pe{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--e-3);padding-top:var(--e-4);border-top:1px solid var(--fio)}
.area__pe a{position:relative;z-index:2;display:inline-flex;align-items:center;gap:.4rem;min-height:2.75rem}
.area__pe svg{width:1.15rem;height:1.15rem}
.area__ver{color:var(--tinta);text-decoration:none;font-weight:500}

/* Equipe */
.equipe{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13.5rem),1fr));gap:var(--e-6) var(--e-5);margin:0;padding:0;list-style:none}
.pessoa img{width:8.5rem;height:8.5rem;border-radius:50%;object-fit:cover;margin-bottom:var(--e-4);outline:1px solid var(--ouro);outline-offset:5px}
.pessoa h3{font-size:var(--t-1);margin-bottom:var(--e-1)}
.pessoa p{margin:0;font-size:.95rem;line-height:1.5}
.pessoa .reg{color:var(--bronze);margin-top:var(--e-1)}

/* Contato */
.contato{background:var(--bronze);color:var(--branco)}
.contato h2,.contato h3{color:var(--branco)}
.contato h3{font-size:var(--t-1);margin-bottom:var(--e-2)}
.contato a{color:var(--branco)}
.contato .envolve{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:var(--e-8)}
.contato__grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:var(--e-6)}
.contato dl{margin:0}
.contato dt{opacity:.85}
.contato dd{margin:0}
.contato .zap ul{color:var(--tinta)}
.contato .zap ul a{color:var(--tinta)}

/* Rodapé */
.rodape{padding-block:var(--e-7) var(--e-6);font-size:.95rem}
.rodape .envolve{display:grid;grid-template-columns:auto 1fr;gap:var(--e-5) var(--e-8);align-items:start}
.rodape img{height:2.4rem;width:auto}
.rodape nav ul{display:flex;flex-wrap:wrap;gap:var(--e-1) var(--e-5);margin:0;padding:0;list-style:none}
.rodape nav a{display:inline-flex;min-height:2.5rem;align-items:center;color:var(--tinta);text-decoration:none}
.rodape__legal{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--e-3);padding-top:var(--e-5);border-top:1px solid var(--fio);color:var(--texto)}
.rodape__legal p{margin:0}

@media (max-width:860px){
  .secao{padding-block:var(--e-8)}
  .hero{padding-block:var(--e-6) var(--e-8)}
  .hero .envolve,.harmonia .envolve,.contato .envolve{grid-template-columns:1fr;gap:var(--e-7)}
  .moldura::before{inset:-.6rem .6rem .6rem -.6rem}
  .hero h1{font-size:clamp(2.6rem,12vw,3.4rem)}
  .harmonia__simbolo img{width:12rem}
  .rodape .envolve{grid-template-columns:1fr}
}

/* Páginas internas */
.cab-pag{padding-block:var(--e-7) var(--e-8);border-bottom:1px solid var(--fio)}
.cab-pag--img .envolve{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--e-8);align-items:center}
.cab-pag h1{margin-bottom:var(--e-4)}
.cab-pag .olho{max-width:36rem;margin-bottom:var(--e-6)}
.migalhas ol{display:flex;flex-wrap:wrap;gap:.25rem .5rem;margin:0 0 var(--e-5);padding:0;list-style:none;font-size:.95rem}
.migalhas li+li::before{content:"/";margin-right:.5rem;color:var(--bronze)}
.migalhas a{display:inline-block;padding-block:.15rem}
.migalhas [aria-current]{color:var(--texto)}
.pagina{padding-block:var(--e-8)}
.pagina--lateral{display:grid;grid-template-columns:minmax(0,1fr) 20rem;gap:var(--e-8);align-items:start}
.artigo{max-width:var(--medida)}
.artigo h2{font-size:clamp(var(--t-3),3vw,var(--t-4));margin-top:var(--e-7)}
.artigo h2:first-child{margin-top:0}
.artigo ul{padding-left:1.2rem}
.artigo li{margin-bottom:.3rem}
.artigo li::marker{color:var(--ouro)}
.artigo a:not(.btn){color:var(--ouro-texto)}
.revisado{margin-top:var(--e-7);padding-top:var(--e-4);border-top:1px solid var(--fio);font-size:.95rem}
.lateral{position:sticky;top:6.5rem;padding:var(--e-6);background:var(--linho);border:1px solid var(--fio)}
.lateral h2{font-size:var(--t-3)}
.lateral .equipe{grid-template-columns:1fr;gap:var(--e-6);margin-bottom:var(--e-6)}
.lateral .pessoa img{width:6.5rem;height:6.5rem}
.bloco{padding-block:0 var(--e-9)}
.cab-pag+.bloco{padding-top:var(--e-8)}
.pagina+.bloco{padding-top:0}
.equipe--detalhe .pessoa h2{font-family:var(--f-texto);font-weight:500;font-size:var(--t-2);line-height:1.3;margin-bottom:var(--e-1)}
.area h2{font-family:var(--f-titulo);font-weight:400;font-size:var(--t-4);margin-bottom:var(--e-3)}
.area h2 a{color:var(--tinta);text-decoration:none}
.area h2 a::after{content:"";position:absolute;inset:0}
.area small,.area h3 small{font-size:var(--t-2);color:var(--bronze)}
.pessoa__links a{display:inline-block;min-height:1.5rem;padding-block:.2rem}
.menu .atual{color:var(--ouro-texto)}
.contato-pag{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:var(--e-8)}
.contato-pag h2{font-size:var(--t-3);margin-top:var(--e-6)}
.contato-pag h2:first-child{margin-top:0}
.contato-pag address{font-style:normal;margin-bottom:var(--e-4)}
.lista-zap{margin:0;padding:0;list-style:none;display:grid;gap:var(--e-3)}
.lista-zap a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--e-3);padding:var(--e-4) var(--e-5);border:1px solid var(--fio);color:var(--tinta);text-decoration:none;min-height:3.5rem}
.lista-zap a:hover{background:var(--areia)}
.lista-zap svg{width:1.4rem;height:1.4rem;color:var(--bronze)}
.lista-zap small{color:var(--texto);font-size:1rem}
.horarios{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.2rem var(--e-4)}
.horarios dd{margin:0}
@media (max-width:860px){
  .cab-pag--img .envolve,.pagina--lateral{grid-template-columns:1fr;gap:var(--e-7)}
  .lateral{position:static}
  .cab-pag{padding-block:var(--e-5) var(--e-7)}
}
.contato a.btn--ouro,.contato a.btn--ouro:hover{color:var(--tinta)}
@media (max-width:1060px){.topo__tel{min-width:2.75rem;justify-content:center}}