/* Encontro das Deusas, RED0_001_SITE_RETIRO, conduz.css
   Quem conduz, Depoimentos e O que você pode levar. */
/* condutoras */
.cond{background:var(--areia2)}
.pessoas{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:60px}
.pessoa .ft{aspect-ratio:4/5;overflow:hidden;border-radius:200px 200px 4px 4px;position:relative}
.pessoa .ft img{width:100%;height:100%;object-fit:cover;filter:saturate(.85);transition:filter .8s,transform 1.4s}
.pessoa:hover .ft img{filter:saturate(1.05);transform:scale(1.04)}
.pessoa h3{font-size:2rem;font-style:italic;color:var(--ameixa);margin-top:24px}
.pessoa .fn{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--lilas-esc);margin-top:4px}
.pessoa p{margin-top:14px;color:var(--suave);font-size:.97rem}
.pessoa .ig{display:inline-block;margin-top:14px;font-size:.88rem;color:var(--lilas-esc);text-decoration:none;border-bottom:1px solid currentColor}

/* depoimentos */
.depo{background:var(--lilas-esc);color:#fff;overflow:hidden}
.depo .rot{color:var(--lilas-cl)}.depo h2{color:#fff}.depo h2 b{color:var(--lilas-cl)}
.depo .aviso{color:rgba(255,255,255,.78);max-width:640px;margin-top:16px}
.carro{position:relative;margin-top:60px;min-height:300px}
.slide{position:absolute;inset:0;opacity:0;transform:translateX(40px);transition:opacity .9s,transform .9s;pointer-events:none}
.slide.on{opacity:1;transform:none;pointer-events:auto;position:relative}
.slide q{display:block;font-family:var(--serif);font-style:italic;font-size:clamp(1.5rem,3.2vw,2.4rem);line-height:1.35;max-width:920px;quotes:"\201C" "\201D"}
.slide .quem{margin-top:26px;font-size:.84rem;letter-spacing:.16em;text-transform:uppercase}
.slide .quem small{display:block;letter-spacing:.08em;text-transform:none;opacity:.7;font-size:.88rem;margin-top:2px}
.ctrl{display:flex;align-items:center;gap:22px;margin-top:40px}
.ctrl button{width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:none;color:#fff;font-size:1.2rem;cursor:pointer;transition:background .4s}
.ctrl button:hover{background:rgba(255,255,255,.15)}
.pontos{display:flex;gap:8px}
.pontos i{width:26px;height:2px;background:rgba(255,255,255,.3);transition:background .4s,width .4s}
.pontos i.on{background:#fff;width:46px}
.depo .tira{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:70px}
.depo .tira div{aspect-ratio:16/10;overflow:hidden;border-radius:3px}
.depo .tira img{width:100%;height:100%;object-fit:cover}

/* levar */
.levar{background:var(--areia);text-align:center;overflow:hidden}
.levar .orn{width:1px;height:80px;background:var(--lilas);margin:0 auto 40px;transform:scaleY(0);transform-origin:top;transition:transform 1.4s}
.levar .orn.on{transform:scaleY(1)}
.levar .pz{font-family:var(--serif);font-style:italic;font-size:clamp(1.6rem,3.4vw,2.6rem);color:var(--ameixa);line-height:1.35;max-width:860px;margin:0 auto}
.levar .tres{display:flex;justify-content:center;gap:clamp(20px,6vw,80px);margin-top:50px;font-family:var(--serif);font-size:clamp(1.5rem,3vw,2.2rem);color:var(--lilas-esc)}

@media (max-width:980px){
  .pessoas{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .pessoas,.depo .tira{grid-template-columns:1fr}
  .depo .tira div:nth-child(n+2){display:none}
}

/* etapa 1: fotos entram suaves, com leve zoom para trás */
.pessoa .ft img{scale:1.1;transition:filter .8s,transform 1.4s,scale 1.8s cubic-bezier(.2,.7,.2,1)}
.pessoa.on .ft img{scale:1}
.depo .tira img{scale:1.1;transition:scale 1.8s cubic-bezier(.2,.7,.2,1)}
.depo .tira .on img{scale:1}
@media (prefers-reduced-motion:reduce){.pessoa .ft img,.depo .tira img{scale:1}}