/* Encontro das Deusas, RED0_001_SITE_RETIRO, inscricao.css
   Como funciona a inscrição, FAQ, cancelamento e antes de viajar. */
/* inscrição */
.insc{background:var(--areia)}
.passos{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:60px;position:relative}
.passos:before{content:"";position:absolute;top:30px;left:30px;right:30px;height:1px;background:var(--lilas);transform:scaleX(0);transform-origin:left;transition:transform 2.2s .3s}
.passos.on:before{transform:scaleX(1)}
.passo .bola{width:60px;height:60px;border-radius:50%;background:var(--areia);border:1px solid var(--lilas);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:1.7rem;font-style:italic;color:var(--lilas-esc);position:relative;transition:background .6s,color .6s}
.passo.on .bola{background:var(--lilas-esc);color:#fff}
.passo h3{font-size:1.5rem;color:var(--ameixa);margin-top:20px;font-style:italic}
.passo p{font-size:.95rem;color:var(--suave);margin-top:8px}
.cta-form{margin-top:60px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;background:var(--ameixa);color:#fff;border-radius:6px;padding:44px 50px;overflow:hidden;position:relative}
.cta-form h3{font-size:2.2rem;font-style:italic}
.cta-form p{color:rgba(255,255,255,.75)}
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;margin-top:120px}
.perg{border-bottom:1px solid rgba(46,36,64,.12)}
.perg button{width:100%;background:none;border:0;text-align:left;padding:24px 50px 24px 0;font-family:var(--serif);font-size:1.4rem;color:var(--ameixa);cursor:pointer;position:relative}
.perg button:after,.perg button:before{content:"";position:absolute;right:8px;top:50%;width:16px;height:1px;background:var(--lilas-esc);transition:transform .4s}
.perg button:before{transform:rotate(90deg)}
.perg.ab button:before{transform:rotate(0)}
.perg .r{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s}
.perg .r>div{overflow:hidden}
.perg .r p{padding-bottom:24px;color:var(--suave);font-size:.97rem}
.perg.ab .r{grid-template-rows:1fr}
.cancel{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:100px}
.regua{margin-top:16px}
.regua div{display:grid;grid-template-columns:1fr auto;align-items:center;padding:14px 0;border-bottom:1px solid rgba(46,36,64,.08);font-size:.95rem}
.regua b{font-family:var(--serif);font-size:1.5rem;font-weight:500;color:var(--ameixa)}
.box .peq{font-size:.9rem;color:var(--suave);margin-top:18px}

@media (max-width:980px){
  .faq,.cancel{grid-template-columns:1fr;gap:44px}
  .passos{grid-template-columns:1fr 1fr;gap:40px 24px}.passos:before{display:none}
}
@media (max-width:640px){
  .cta-form{grid-template-columns:1fr;padding:34px 26px}
  .passos{grid-template-columns:1fr}
}