body.p-neuro .hero{min-height:clamp(540px,82vh,780px)}
body.p-neuro .hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end}
body.p-neuro .palco{position:relative;justify-content:center;margin-right:clamp(-60px,-3vw,0px)}
body.p-neuro .bloco{
  position:absolute;right:clamp(-40px,-2vw,0px);bottom:0;z-index:0;
  width:64%;height:54%;border-radius:8px 8px 0 0;background:var(--salvia);
}
body.p-neuro .recorte{
  position:relative;z-index:2;height:clamp(330px,62vh,640px);
  -webkit-mask-image:linear-gradient(to bottom,#000 90%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 90%,transparent 100%);
}
/* a unica linha curva do site: as outras tres sao degraus, e esta
   pagina fala de corrente, nao de ciclo nem de carga */
body.p-neuro .linha path{stroke-dasharray:2600;stroke-dashoffset:2600}
@media(max-width:880px){
  body.p-neuro .hero-grid{grid-template-columns:1fr}
  body.p-neuro .palco{margin-right:0}
  body.p-neuro .bloco{width:70%;height:46%;right:0}
}

.ponte{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:clamp(20px,2.4vw,28px);margin-top:44px}
.elo{
  display:block;text-decoration:none;color:inherit;
  background:var(--areia);border-radius:12px;padding:clamp(24px,2.8vw,34px);
  transition:transform .4s var(--ease),background-color .4s var(--ease),box-shadow .4s var(--ease);
}
.elo:hover{transform:translateY(-5px);background:#E2D4C2;box-shadow:0 18px 38px rgba(47,37,28,.14)}
.elo h3{margin-bottom:12px}
.elo p{font-size:15.5px;color:var(--tinta-2);line-height:1.7}
.elo .ir{margin-top:20px;font:500 15px/1 var(--sans);color:var(--argila-texto);display:inline-flex;align-items:center;gap:9px}
.elo .ir i{display:block;width:16px;height:1px;background:currentColor;transition:width .34s var(--ease)}
.elo:hover .ir i{width:32px}

@media(min-width:820px){ .colunas.quatro{grid-template-columns:repeat(2,1fr)} }
.fecho{
  margin-top:clamp(34px,3.6vw,46px);padding-top:clamp(26px,2.8vw,34px);
  border-top:1px solid var(--argila);
  font-family:var(--serif);font-weight:300;font-size:clamp(19px,2vw,23px);
  line-height:1.45;max-width:52ch;color:var(--tinta);
}

/* ---- perguntas que a pessoa faz antes de perguntar ---- */
.perguntas{margin-top:40px;border-top:1px solid rgba(156,123,98,.36)}
.pergunta-item{border-bottom:1px solid rgba(156,123,98,.36)}
.pergunta-btn{
  width:100%;display:flex;align-items:center;gap:20px;
  background:none;border:0;padding:clamp(20px,2.2vw,26px) 4px;cursor:pointer;
  text-align:left;color:var(--tinta);font-family:var(--serif);font-weight:300;
  font-size:clamp(19px,2.2vw,26px);line-height:1.25;
  transition:color .24s var(--ease);
}
.pergunta-btn:hover{color:var(--argila-texto)}
.pergunta-btn .sinal{
  margin-left:auto;flex:none;width:26px;height:26px;position:relative;
  transition:transform .42s var(--ease);
}
.pergunta-btn .sinal::before,.pergunta-btn .sinal::after{
  content:"";position:absolute;left:50%;top:50%;background:var(--argila);
  transform:translate(-50%,-50%);
}
.pergunta-btn .sinal::before{width:17px;height:1.5px}
.pergunta-btn .sinal::after{width:1.5px;height:17px;transition:opacity .3s var(--ease)}
.pergunta-btn[aria-expanded="true"] .sinal{transform:rotate(180deg)}
.pergunta-btn[aria-expanded="true"] .sinal::after{opacity:0}
.resposta{
  overflow:hidden;max-height:0;opacity:0;
  transition:max-height .46s var(--ease),opacity .32s var(--ease),padding .46s var(--ease);
}
.resposta.aberta{max-height:340px;opacity:1;padding-bottom:clamp(20px,2.2vw,28px)}
.resposta p{color:var(--tinta-2);line-height:1.75;max-width:62ch;padding-right:46px}

/* ---- video do atendimento ---- */
.caso{display:grid;grid-template-columns:minmax(0,.66fr) minmax(0,1.34fr);gap:clamp(32px,5.5vw,76px);align-items:center}
body.p-neuro .aparelho{
  position:relative;width:100%;max-width:330px;padding:11px;
  border-radius:34px;background:linear-gradient(158deg,#5A4832 0%,#2A211A 62%);
  box-shadow:0 34px 64px rgba(42,33,26,.34), inset 0 1px 0 rgba(246,241,234,.12);
}
body.p-neuro .aparelho video{width:100%;display:block;border-radius:24px;background:#1A1410;aspect-ratio:9/16;object-fit:cover}
body.p-neuro .aparelho::after{
  content:"";position:absolute;top:22px;left:50%;transform:translateX(-50%);
  width:72px;height:5px;border-radius:3px;background:rgba(246,241,234,.22);pointer-events:none;
}
.caso .legenda{font-size:14px;color:var(--tinta-2);margin-top:24px}
@media(max-width:880px){.caso{grid-template-columns:1fr}body.p-neuro .aparelho{max-width:300px;margin:0 auto}}