.contactos{
  background:color-mix(in srgb, var(--navy) 6%, var(--paper));
  border-top:1px solid color-mix(in srgb, var(--navy) 10%, var(--paper));
  padding:clamp(4rem,9vw,7.5rem) 0 clamp(4rem,8vw,6.5rem);
}

.contactos-head{margin-bottom:clamp(2.4rem,5vw,3.8rem)}
.contactos-head h2{
  font-size:clamp(2.5rem,5.4vw,4.6rem);line-height:1;letter-spacing:-.025em;
  color:var(--ink);margin:.9rem 0 1rem;
}
.contactos-head .lead{font-size:1.1rem;color:var(--muted);max-width:40ch}

.pessoas{display:grid;grid-template-columns:1fr 1fr}
.pessoa{padding:clamp(1.8rem,3.4vw,2.6rem) clamp(1.5rem,4vw,3.5rem) .4rem 0}
.pessoa + .pessoa{padding-left:clamp(1.5rem,4vw,3.5rem);padding-right:0}

.pessoa-nome{
  font-size:1.2rem;color:var(--ink);margin:0 0 .5rem;
  display:flex;align-items:center;gap:.7rem;
}

.pessoa-nome::before{content:"";width:22px;height:2px;background:var(--champ);flex:none}

.pessoa-tel{
  display:inline-block;
  font-family:var(--f-display);font-weight:600;
  font-size:clamp(2.3rem,4.6vw,3.9rem);line-height:1.05;letter-spacing:-.025em;
  font-variant-numeric:tabular-nums;white-space:nowrap;
  color:var(--ink);transition:color .2s ease;
}
.pessoa .tel-note{font-size:.78rem;color:var(--muted);margin:.45rem 0 1.5rem}

.pessoa-acoes{display:flex;flex-wrap:wrap;gap:.6rem}
.pessoa-acoes .btn svg{width:18px;height:18px;flex:none}

.pessoa-redes{list-style:none;display:flex;gap:1.6rem;margin:1.5rem 0 0;padding:0}
.pessoa-redes a{
  display:inline-flex;align-items:center;gap:.5rem;
  font-size:.92rem;font-weight:500;color:var(--muted);
  transition:color .2s ease;
}
.pessoa-redes svg{width:16px;height:16px;flex:none}

.wa-painel{
  position:relative;overflow:hidden;isolation:isolate;
  margin-top:clamp(3rem,6vw,4.5rem);
  border-radius:var(--hero-r,10px);background:var(--navy);
  display:flex;align-items:center;justify-content:space-between;gap:1.5rem 2.5rem;
  padding:clamp(2rem,4.2vw,3.4rem) clamp(1.6rem,4.6vw,4rem);
}
.wa-painel-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%;z-index:-2}
.wa-painel::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,
    color-mix(in srgb,var(--navy-deep) 92%,transparent) 0%,
    color-mix(in srgb,var(--navy-deep) 78%,transparent) 50%,
    color-mix(in srgb,var(--navy-deep) 45%,transparent) 100%);
}
.wa-painel-txt h3{font-size:clamp(1.55rem,2.8vw,2.3rem);color:var(--white);margin:0 0 .45rem;letter-spacing:-.02em}
.wa-painel-txt p{color:var(--on-dark);font-size:1.02rem}
.wa-painel-btn{flex:none;font-size:1.02rem;padding:1.1rem 1.8rem}
.wa-painel-btn svg{width:20px;height:20px}

.contactos-head,.pessoa,.wa-painel-txt{text-align:center}
.contactos-head .lead{margin-inline:auto}
.pessoa,.pessoa + .pessoa{padding-left:clamp(1rem,3vw,2.5rem);padding-right:clamp(1rem,3vw,2.5rem)}
.pessoa-nome,.pessoa-acoes,.pessoa-redes{justify-content:center}

.pessoa-nome::after{content:"";width:22px;height:2px;background:var(--champ);flex:none}
.wa-painel{flex-direction:column;justify-content:center;text-align:center}

@media (hover:hover) and (pointer:fine){
  .pessoa-tel:hover{color:var(--champ-ink)}
  .pessoa-redes a:hover{color:var(--ink)}
}

@media (max-width:900px){
  .pessoas{grid-template-columns:1fr}
  .pessoa{padding-right:0}
  .pessoa,.pessoa + .pessoa{padding-left:0;padding-right:0}
  .pessoa + .pessoa{margin-top:1.2rem}
  .wa-painel{flex-direction:column;align-items:center}
}

@media (max-width:640px){
  .contactos-head h2{font-size:clamp(2.2rem,10vw,2.8rem)}
  .pessoa-tel{font-size:clamp(2rem,9.6vw,2.5rem)}
  .pessoa-acoes .btn{flex:1}
  .wa-painel-btn{width:100%}
}

.contactos{
  min-height:calc(100vh - var(--ancora, 5rem));
  min-height:calc(100svh - var(--ancora, 5rem));
  display:flex;align-items:center;
  padding:clamp(1.25rem,3.6vh,4rem) 0;
}
.contactos > .wrap{width:100%}
.contactos-head{margin-bottom:clamp(1.2rem,3.6vh,2.8rem)}
.contactos-head h2{font-size:min(clamp(2.5rem,5.4vw,4.6rem), 8vh);margin:.6rem 0 .6rem}
.pessoa{padding-top:clamp(.6rem,2.2vh,1.8rem);padding-bottom:0}
.pessoa-tel{font-size:min(clamp(2.3rem,4.6vw,3.9rem), 6.8vh)}
.pessoa .tel-note{margin:.35rem 0 clamp(.8rem,2.2vh,1.5rem)}
.pessoa-redes{margin-top:clamp(.6rem,2vh,1.5rem)}
.wa-painel{margin-top:clamp(1.2rem,3.8vh,3.6rem);padding-top:clamp(1.1rem,3.2vh,3rem);padding-bottom:clamp(1.1rem,3.2vh,3rem)}
.wa-painel-txt h3{font-size:min(clamp(1.55rem,2.8vw,2.3rem), 4.4vh)}

@media (max-width:900px){
  .pessoa + .pessoa{margin-top:clamp(.4rem,1.6vh,1.2rem)}
}
@media (max-width:640px){
  .contactos-head{margin-bottom:clamp(.6rem,2vh,1.4rem)}
  .contactos-head h2{font-size:min(clamp(2.2rem,10vw,2.8rem), 6vh);margin:.4rem 0 .4rem}
  .contactos-head .lead{font-size:.95rem}
  .pessoa-nome{margin-bottom:.25rem}
  .pessoa-tel{font-size:min(clamp(2rem,9.6vw,2.5rem), 5.2vh)}
  .pessoa .tel-note{margin:.2rem 0 clamp(.5rem,1.6vh,1rem)}
  .pessoa-acoes .btn{padding-top:.7rem;padding-bottom:.7rem}

  .pessoa{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:.5rem}
  .pessoa-nome,.pessoa-tel,.pessoa .tel-note{flex:1 1 100%}
  .pessoa-tel{display:block}
  .pessoa{column-gap:.35rem}
  .pessoa-acoes{flex:0 1 auto;gap:.35rem}
  .pessoa-acoes .btn{flex:0 0 auto;padding-left:.85rem;padding-right:.85rem;font-size:.9rem;gap:.4rem}
  .pessoa-redes{margin:0;gap:.35rem}
  .pessoa-redes a{font-size:0;gap:0;width:42px;height:42px;justify-content:center;border:1px solid var(--line);border-radius:var(--r)}
  .pessoa-redes svg{width:18px;height:18px}

  .wa-painel{gap:.75rem;padding-top:clamp(.9rem,2.4vh,1.6rem);padding-bottom:clamp(.9rem,2.4vh,1.6rem)}
  .wa-painel-txt p{font-size:.92rem;line-height:1.4}
  .wa-painel-txt h3{margin:0 0 .35rem;font-size:1.3rem}
  .wa-painel-btn{padding:.85rem 1.4rem}
}