/* 10-proposta: Seção "Escolhida antes da primeira ligação" (concreto claro + eclipse). */

/* proposta de valor (concreto) */
.valueprop{overflow:hidden;}
.valueprop .display{max-width:11ch;position:relative;z-index:1;}
.valueprop .lede{margin-top:clamp(24px,3vw,36px);color:#1d1d1d;position:relative;z-index:1;max-width:40ch;}
.valueprop blockquote{
  margin:clamp(40px,5vw,72px) 0 0;padding:24px 0 0;
  border-top:2px solid var(--ink);
  max-width:52ch;font-size:var(--t-body);color:#1d1d1d;position:relative;z-index:1;
}
.valueprop .disc{
  position:absolute;right:calc(var(--gutter) * -1 - 8vw);top:50%;
  width:clamp(260px, 42vw, 620px);aspect-ratio:1;border-radius:50%;
  background:var(--ink);
  transform:translateY(-50%);
  box-shadow:0 0 0 2px rgb(255 255 255 / calc(var(--rim, 0) * .9)), 0 0 calc(var(--rim, 0) * 70px) calc(var(--rim, 0) * 14px) rgb(255 255 255 / calc(var(--rim, 0) * .75));
}
.valueprop .disc-red{
  position:absolute;width:clamp(36px, 4vw, 64px);aspect-ratio:1;background:var(--red);
  right:calc(clamp(260px, 42vw, 620px) * .55);top:22%;
}
.valueprop .link-line{margin-top:28px;position:relative;z-index:1;}
@media (max-width:900px){
  .valueprop .disc{top:auto;bottom:-30%;right:-40%;transform:none;opacity:1;}
  .valueprop .disc-red{display:none;}
}