/* Encontro das Deusas, RED0_001_SITE_RETIRO, investimento.css
   Fases de preço, o que está incluído, Guia da Viagem e bônus. */
/* investimento */
.inv{background:var(--lavanda)}
.inv .cab{text-align:center;max-width:720px;margin:0 auto}
.inv .cab .rot{justify-content:center}
.fases{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:60px;align-items:stretch}
.fase{background:var(--branco);border-radius:6px;padding:40px 32px;position:relative;border:1px solid transparent;transition:transform .5s,box-shadow .5s}
.fase:hover{transform:translateY(-6px)}
.fase .nm{font-family:var(--serif);font-style:italic;font-size:1.8rem;color:var(--ameixa)}
.fase .pr{font-size:.85rem;color:var(--suave);margin-top:4px}
.fase .val{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid rgba(46,36,64,.1);margin-top:22px;padding-top:18px}
.fase .val span{font-size:.86rem;color:var(--suave)}
.fase .val b{font-family:var(--serif);font-weight:500;font-size:2rem;color:var(--ameixa)}
.fase .val b small{font-size:.9rem;margin-right:4px;color:var(--suave)}
.fase.atual{background:var(--ameixa);border-color:var(--ameixa);transform:scale(1.04);box-shadow:0 40px 80px -40px rgba(46,36,64,.7)}
.fase.atual:hover{transform:scale(1.04) translateY(-6px)}
.fase.atual .nm,.fase.atual .val b{color:#fff}.fase.atual .pr,.fase.atual .val span,.fase.atual .val b small{color:rgba(255,255,255,.7)}
.fase.atual .val{border-color:rgba(255,255,255,.15)}
.selo{position:absolute;top:-13px;left:32px;background:var(--ouro);color:var(--ameixa);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;padding:5px 12px;border-radius:999px;font-weight:500}
.fase.fim{opacity:.55}.fase.fim .selo{background:#bdb5c9;color:#fff}
.pag{text-align:center;margin-top:44px;color:var(--suave)}
.pag b{color:var(--ameixa);font-weight:500}
.inc{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;margin-top:80px}
.box{background:var(--branco);border-radius:6px;padding:44px}
.box h3{font-size:2rem;font-style:italic;color:var(--ameixa);margin-bottom:20px}
.box ul{list-style:none}
.box li{padding:12px 0 12px 34px;position:relative;border-bottom:1px solid rgba(46,36,64,.07);font-size:.97rem}
.box li:before{content:"";position:absolute;left:0;top:19px;width:16px;height:9px;border-left:1.5px solid var(--lilas-esc);border-bottom:1.5px solid var(--lilas-esc);transform:rotate(-45deg)}
.box.nao li:before{content:"\00D7";border:0;transform:none;top:8px;left:2px;color:#b06f7a;font-size:1.3rem;width:auto;height:auto}
.box .grp{font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--lilas-esc);margin:20px 0 4px;font-weight:500}
.box .grp:first-of-type{margin-top:0}
.guia{margin-top:24px;background:var(--lilas-cl);border-radius:4px;padding:22px 24px;font-size:.95rem;color:var(--ameixa)}
.bonus{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:28px}
.bonus .box{position:relative;overflow:hidden}
.bonus .box.im{padding:0;display:grid;grid-template-columns:1fr 1fr}
.bonus .box.im img{width:100%;height:100%;object-fit:cover}
.bonus .box.im .tx{padding:40px 36px}
.bonus .estado{display:inline-block;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;background:var(--areia2);color:var(--suave);padding:4px 12px;border-radius:999px;margin-bottom:14px}

@media (max-width:980px){
  .inc,.bonus{grid-template-columns:1fr;gap:44px}
  .fases{grid-template-columns:1fr 1fr}
  .fase.atual{transform:none}.fase.atual:hover{transform:translateY(-6px)}
}
@media (max-width:640px){
  .fases{grid-template-columns:1fr}
  .box{padding:30px 24px}
  .bonus .box.im{grid-template-columns:1fr}.bonus .box.im img{height:220px}
  .bonus .box.im .tx{padding:30px 24px}
}

/* etapa 1: fotos entram suaves, com leve zoom para trás */
.bonus .box.im img{scale:1.1;transition:scale 1.8s cubic-bezier(.2,.7,.2,1)}
.bonus .box.im.on img{scale:1}
@media (prefers-reduced-motion:reduce){.bonus .box.im img{scale:1}}