/* prova (prefixo pv-) · o que as pacientes dizem, com a régua das 146 */
.pv{background:var(--petroleo);border-top:1px solid var(--fio-fraco);border-bottom:1px solid var(--fio-fraco);overflow:hidden}

/* a noite por trás do petróleo: um clarão frio e um poço */
.pv-malha{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.pv-malha i{position:absolute;display:block;border-radius:50%;filter:blur(28px);will-change:transform}
.pv-malha i:nth-child(1){
  right:-20vmax;top:-26vmax;width:70vmax;height:60vmax;
  background:radial-gradient(closest-side in oklch,rgb(159 211 230 / .16) 0%,rgb(86 158 178 / .07) 48%,rgb(11 58 67 / 0) 100%);
  animation:pv-respira-1 32s ease-in-out infinite alternate;
}
.pv-malha i:nth-child(2){
  left:-24vmax;bottom:-36vmax;width:80vmax;height:60vmax;
  background:radial-gradient(closest-side in oklch,rgb(4 27 32 / .7) 0%,rgb(4 27 32 / .32) 52%,rgb(11 58 67 / 0) 100%);
  animation:pv-respira-2 38s ease-in-out infinite alternate;
}
@keyframes pv-respira-1{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-5vmax,4vmax,0) scale(1.1)}}
@keyframes pv-respira-2{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(5vmax,-3vmax,0) scale(1.08)}}
.pv-malha.wf-pausa i{animation-play-state:paused}
@media (max-width:820px){.pv-malha i{filter:blur(18px)}}
.pv-miolo{display:grid;grid-template-columns:minmax(0,1fr);row-gap:0}

/* ───────── cabeça ───────── */
.pv-cabeca{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"rotulo rotulo" "titulo google" "titulo apoio";column-gap:clamp(32px,5vw,80px);align-items:end}
.pv-cabeca > .wf-rotulo{align-self:start}
.pv-cabeca > .wf-rotulo{grid-area:rotulo}
.pv-cabeca > .wf-titulo{grid-area:titulo}
.pv-t2{display:block}
.pv-google{grid-area:google;margin-top:clamp(18px,3vh,30px);align-self:end;font-size:var(--t-mini);letter-spacing:.12em;text-transform:uppercase;color:var(--pedra-media);display:flex;align-items:baseline;gap:10px}
.pv-google-num{font:500 clamp(1.75rem,2.4vw,2.25rem)/1 var(--f-titulo);letter-spacing:.04em;color:var(--pedra);text-transform:none}
.pv-apoio{grid-area:apoio;margin-top:var(--passo);max-width:34em}

/* ───────── a régua das 146 ───────── */
.pv-medida{margin:clamp(40px,7vh,72px) 0 0;position:relative}
.pv-medida-rotulo{margin-bottom:14px}
.pv-regua{position:relative;width:100%;height:48px}
.pv-regua svg{position:absolute;left:0;top:0;display:block;overflow:visible}
.pv-base{stroke:var(--pedra);stroke-opacity:.26;stroke-width:1}
.pv-aceso{stroke-width:1.5}
.pv-aceso.a,.pv-aceso.c{stroke:var(--ciano)}
.pv-aceso.b{stroke:var(--pedra)}
.pv-aceso.c{stroke-opacity:.85}
.pv-fio{stroke:var(--pedra);stroke-opacity:.18;stroke-width:1}
.pv-guia{stroke:var(--pedra);stroke-opacity:.45;stroke-width:1}
.pv-ambar{stroke:var(--ambar);stroke-width:1.5;stroke-linecap:round}
.pv-losango{fill:var(--ambar)}
.pv-halo{fill:var(--ambar);opacity:.34}

/* os grupos, em larguras proporcionais às marcas */
.pv-grupos{display:flex;margin-top:14px}
.pv-grupo{flex:var(--n) 0 0;min-width:0;display:flex;align-items:baseline;gap:8px;padding-right:8px}
.pv-grupo-num{font:500 clamp(1.5rem,2vw,1.875rem)/1 var(--f-titulo);letter-spacing:.04em;color:var(--pedra);min-width:1.2em}
.pv-grupo--a .pv-grupo-num,.pv-grupo--c .pv-grupo-num{color:var(--ciano)}
.pv-grupo-txt{font-size:.875rem;line-height:1.3;color:var(--pedra-media);white-space:nowrap}
.pv-curto{display:none}
.pv-uma{margin-top:26px;display:flex;align-items:center;gap:10px;justify-content:flex-end;text-align:right}
.pv-uma-marca{display:inline-block;width:7px;height:7px;background:var(--ambar);transform:rotate(45deg);flex:none}

/* entrada: as marcas acendem em ordem, grupo por grupo; depois a âmbar pousa. Uma vez. */
.pv-regua.anim .pv-aceso{opacity:0}
.pv-regua.anim .pv-g-ambar{opacity:0}
.pv-regua.anim.on .pv-aceso{animation:pv-acender .3s ease both;animation-delay:var(--d)}
.pv-regua.anim.on .pv-g-ambar{animation:pv-pousar .5s var(--ease) both;animation-delay:var(--d)}
.pv-medida.anim .pv-grupo{opacity:0}
.pv-medida.anim.on .pv-grupo{animation:pv-surgir .6s ease both;animation-delay:var(--d)}
.pv-medida.anim .pv-uma{opacity:0}
.pv-medida.anim.on .pv-uma{animation:pv-surgir-fim .6s ease both;animation-delay:var(--d)}
@keyframes pv-acender{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes pv-surgir{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes pv-surgir-fim{from{opacity:0}to{opacity:1}}
@keyframes pv-pousar{from{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}

/* ───────── as opiniões: grade de três colunas, cada uma com a sua marca ───────── */
.pv-opinioes{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense;
  gap:clamp(28px,4.4vh,44px) clamp(28px,4vw,64px);
  margin-top:clamp(36px,6vh,64px);padding-top:clamp(26px,4vh,40px);border-top:1px solid var(--fio);
}
.pv-op{margin:0;position:relative;padding-top:26px}
.pv-op::before{content:"";position:absolute;left:0;top:0;width:1px;height:16px;background:var(--pedra);opacity:.42}
.pv-op--grande{grid-column:span 2}
.pv-op--grande::before{width:1.5px;height:24px;background:var(--ciano);opacity:1}
.pv-op blockquote{color:var(--pedra-forte);text-wrap:pretty}
.pv-op figcaption{margin-top:8px;font-size:var(--t-mini);letter-spacing:.04em;color:var(--pedra-baixa)}
.pv-op--grande blockquote{font:500 clamp(1.625rem,2.6vw,2.375rem)/1.06 var(--f-titulo);letter-spacing:0;color:var(--pedra);max-width:18em}
.pv-op--media blockquote{font-size:clamp(1.0625rem,.4vw+.9rem,1.1875rem);line-height:1.45;max-width:30em}
.pv-op--pequena blockquote{font-style:italic;font-size:1rem;line-height:1.42;max-width:30em}
.pv-grifo{background:none;color:var(--ciano)}

/* ───────── fecho ───────── */
.pv-fecho{margin-top:clamp(28px,4.6vh,48px);padding-top:clamp(18px,2.6vh,26px);border-top:1px solid var(--fio);display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px 32px}
.pv-fecho-nota{font-size:var(--t-mini);letter-spacing:.04em;color:var(--pedra-baixa)}

/* ───────── telas largas e baixas ───────── */
@media (min-width:821px) and (max-height:700px){
  .pv-medida{margin-top:40px}
}
@media (min-width:821px) and (max-width:1100px){
  .pv-cabeca{grid-template-columns:minmax(0,1fr);grid-template-areas:"rotulo" "titulo" "google" "apoio"}
  .pv-google{margin-top:var(--passo)}
  .pv-longo{display:none}.pv-curto{display:inline}
  .pv-opinioes{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ───────── celular ───────── */
@media (max-width:820px){
  .pv-cabeca{grid-template-columns:minmax(0,1fr);grid-template-areas:"rotulo" "titulo" "google" "apoio";column-gap:0}
  .pv-google{margin-top:var(--passo)}
  .pv-regua{height:40px}
  .pv-grupos{margin-top:10px}
  .pv-grupo{flex-direction:column;align-items:flex-start;gap:2px;padding-right:4px}
  .pv-grupo-num{font-size:1.375rem}
  .pv-grupo-txt{font-size:.8125rem;white-space:normal}
  .pv-longo{display:none}.pv-curto{display:inline}
  .pv-grupo--c .pv-grupo-txt{white-space:nowrap}
  .pv-uma{justify-content:flex-start;text-align:left;align-items:flex-start}
  .pv-uma-marca{margin-top:6px}
  .pv-opinioes{grid-template-columns:minmax(0,1fr);margin-top:clamp(36px,6vh,56px);gap:28px}
  .pv-op--grande{grid-column:auto}
  .pv-op--grande blockquote{font-size:clamp(1.5rem,6.4vw,1.875rem)}
  .pv-fecho{flex-direction:column;align-items:flex-start}
}