/* hero da reabilitacao: claro, calmo, retrato sob uma arcada */
body.p-reab .hero{
  background:var(--linho);
  min-height:clamp(580px,86vh,820px);
  padding-top:clamp(120px,15vh,160px);
}
body.p-reab .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
body.p-reab .hero-copy{padding-bottom:clamp(70px,11vh,120px)}
body.p-reab .hero h1{font-size:clamp(36px,4.8vw,62px);line-height:1.04;max-width:14ch}
body.p-reab .hero .sub{max-width:44ch;line-height:1.8}
body.p-reab .arcada{
  position:sticky;top:calc(96px + env(safe-area-inset-top));
  display:flex;justify-content:center;align-items:flex-end;min-width:0;
}
body.p-reab .arcada .cupula{
  position:absolute;bottom:0;left:50%;transform:translateX(-50%);
  width:min(74%,330px);height:clamp(250px,44vh,420px);
  background:var(--areia);border-radius:999px 999px 6px 6px;
}
body.p-reab .arcada img{
  position:relative;z-index:2;height:clamp(350px,66vh,660px);width:auto;max-width:100%;
  -webkit-mask-image:linear-gradient(to bottom,#000 90%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 90%,transparent 100%);
  transition:transform 1.1s var(--ease);
}
body.p-reab .arcada:hover img{transform:translateY(-7px)}
body.p-reab .linha{bottom:clamp(20px,3.5vh,40px)}
body.p-reab .linha path{stroke-width:1.2}
@media(max-width:880px){
  body.p-reab .hero-grid{grid-template-columns:1fr;gap:26px}
  body.p-reab .hero-copy{padding-bottom:0}
  /* no celular as duas ficam empilhadas: grudar a foto no topo
     faria ela cobrir o texto ao rolar */
  body.p-reab .arcada{position:static}
  body.p-reab .arcada img{height:auto;width:min(82%,320px)}
  body.p-reab .arcada .cupula{width:min(68%,260px);height:62%}
}

/* ---- escala mMRC ---- */
.escala{background:var(--areia);border-radius:12px;padding:clamp(26px,4vw,52px)}
.niveis{margin-top:30px;display:grid;gap:10px}
.nivel{
  display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;
  width:100%;text-align:left;padding:20px 24px;border-radius:10px;
  border:1px solid transparent;background:var(--linho);color:var(--tinta);
  font:400 16.5px/1.6 var(--sans);cursor:pointer;
  transition:border-color .24s var(--ease),background-color .24s var(--ease),transform .22s var(--ease);
}
.nivel:hover{border-color:var(--argila);transform:translateX(4px)}
.nivel .bola{
  width:22px;height:22px;border-radius:50%;border:1.5px solid var(--argila);
  margin-top:3px;flex:none;
  transition:background-color .24s var(--ease),border-color .24s var(--ease);
}
.nivel[aria-pressed="true"]{background:var(--marrom);color:var(--claro);border-color:var(--marrom)}
.nivel[aria-pressed="true"] .bola{background:var(--nude);border-color:var(--nude)}
.saida{
  margin-top:26px;background:var(--linho);border-radius:10px;
  padding:0 clamp(22px,3vw,32px);max-height:0;overflow:hidden;opacity:0;
  transition:max-height .5s var(--ease),padding .5s var(--ease),opacity .34s var(--ease);
}
.saida.aberta{max-height:460px;padding:clamp(24px,3vw,32px);opacity:1}
.saida h3{margin-bottom:10px}
.saida p{color:var(--tinta-2);line-height:1.7;max-width:58ch}
.saida .btn{margin-top:22px}