/* Encontro das Deusas, RED0_001_SITE_RETIRO, contato.css
   Contato, contagem regressiva, chamada final, rodapé e botão de WhatsApp. */
.contato{background:var(--lavanda)}
.contato .cab{text-align:center;max-width:700px;margin:0 auto}
.contato .cab .rot{justify-content:center}
.ctts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}
.ctt{background:var(--branco);border-radius:6px;padding:34px 30px;text-align:center}
.ctt .av{width:96px;height:96px;border-radius:50%;overflow:hidden;margin:0 auto 18px}
.ctt .av img{width:100%;height:100%;object-fit:cover}
.ctt h3{font-size:1.6rem;font-style:italic;color:var(--ameixa)}
.ctt .fn{font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--lilas-esc);margin-top:4px}
.ctt .bts{display:flex;flex-direction:column;gap:10px;margin-top:22px}
.ctt .btn{justify-content:center;padding:12px 20px;font-size:.76rem}
.ctt .btn.lin2{background:transparent;color:var(--lilas-esc);border:1px solid rgba(110,90,153,.4);box-shadow:none}
.ctt .btn.lin2:hover{background:var(--lilas-cl)}
.ctt .tel{display:block;margin-top:12px;font-size:.86rem;color:var(--suave)}

/* contagem regressiva: escura, com a janela do avião ao fundo */
.conta{background:#15101f;color:#fff;padding:100px 0;text-align:center;overflow:hidden;position:relative}
.conta .bgp{position:absolute;inset:-20% 0;background:url(../../imagens/contato/contagem-regressiva/contagem-asa-aviao.webp) center/cover;opacity:.28;will-change:transform}
.conta:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(21,16,31,.35),rgba(21,16,31,.85))}
.conta .wrap{position:relative;z-index:2}
.conta .rot{justify-content:center;color:var(--lilas-cl)}
.conta h2{margin:0 auto;max-width:760px;color:#fff;font-size:clamp(1.7rem,3.4vw,2.5rem)}.conta h2 b{color:var(--lilas-cl)}
.relogio{display:flex;justify-content:center;gap:clamp(12px,3vw,34px);margin-top:36px}
.uni{width:clamp(62px,10vw,104px)}
.uni .arc{position:relative;aspect-ratio:5/6;border:1px solid rgba(110,90,153,.35);border-bottom:0;border-color:rgba(236,220,180,.45);border-radius:999px 999px 0 0;display:flex;align-items:center;justify-content:center;padding-top:12%;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0))}
.uni .num{font-family:var(--serif);font-size:clamp(1.6rem,4vw,2.8rem);color:#fff;line-height:1;font-variant-numeric:lining-nums tabular-nums;display:inline-block}
.uni .num.vira{animation:vira .7s cubic-bezier(.2,.7,.2,1)}
@keyframes vira{from{opacity:0;transform:translateY(-14px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
.uni .lb{margin-top:14px;font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--lilas-cl)}
.conta .quando{margin-top:30px;font-family:var(--serif);font-style:italic;font-size:1.15rem;color:rgba(255,255,255,.85)}
.grupo{display:inline-flex;align-items:center;gap:12px;margin-top:22px;background:var(--ameixa);color:#fff;border-radius:999px;padding:12px 24px 12px 14px;font-size:.84rem;letter-spacing:.12em;text-transform:uppercase}
.grupo i{width:28px;height:28px;border-radius:50%;background:var(--ouro);color:var(--ameixa);display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:500;font-size:.8rem;letter-spacing:0;position:relative}
.grupo i:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid var(--ouro);animation:pulsa 2.4s infinite}
@keyframes pulsa{0%{transform:scale(.8);opacity:1}100%{transform:scale(1.5);opacity:0}}
.conta .grupo{background:rgba(255,255,255,.1);border:1px solid rgba(236,220,180,.3)}

/* chamada final em lilás */
.final{color:#fff;text-align:center;padding:160px 0;overflow:hidden;background:var(--lilas-esc)}
.final .bg{position:absolute;inset:-25% 0;background:url(../../imagens/contato/chamada-final/chamada-final-mulher-mar.webp) center 30%/cover;opacity:.45;will-change:transform}
.final:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(110,90,153,.45),rgba(78,62,112,.9))}
.final .wrap{position:relative;z-index:2}
.final h2{color:#fff;font-size:clamp(2.4rem,6vw,4.6rem);max-width:900px;margin:0 auto}
.final h2 b{color:var(--lilas-cl)}
.final p{max-width:620px;margin:26px auto 40px;color:rgba(255,255,255,.85)}
.final .crescer{transform:scale(.6);opacity:0;transition:transform 1.4s cubic-bezier(.2,.7,.2,1),opacity 1.4s}
.final .crescer.on{transform:none;opacity:1}

footer{background:#1d1729;color:rgba(231,225,240,.75);padding:70px 0 34px;font-size:.92rem}
.rod{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:40px}
.rod .marca{color:#fff;font-size:1.7rem}
.rod h4{font-family:var(--serif);font-style:italic;font-weight:400;font-size:1.35rem;color:#fff;margin-bottom:4px}
.rod a{text-decoration:none}.rod a:hover{color:#fff}
.rod .c{display:block;margin-top:4px}
.direitos{border-top:1px solid rgba(255,255,255,.1);margin-top:50px;padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:.8rem;opacity:.7}
.direitos a{text-decoration:none;color:inherit}
.direitos a:hover{color:#fff}

/* botão flutuante de WhatsApp */
.wa{position:fixed;right:20px;bottom:20px;z-index:40;width:60px;height:60px;border-radius:50%;background:var(--lilas-esc);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 30px -10px rgba(46,36,64,.6);transform:translateY(120px);transition:transform .6s,background .4s}
.wa.on{transform:none}
.wa:hover{background:var(--ameixa)}
.wa svg{width:28px;height:28px}
.wa .dica{position:absolute;right:72px;white-space:nowrap;background:var(--branco);color:var(--ameixa);font-size:.8rem;padding:8px 14px;border-radius:999px;box-shadow:0 10px 24px -12px rgba(46,36,64,.5);opacity:0;transform:translateX(8px);transition:.4s;pointer-events:none}
.wa:hover .dica{opacity:1;transform:none}

@media (max-width:980px){
  .ctts{grid-template-columns:1fr 1fr}
  .rod{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .ctts{grid-template-columns:1fr}.relogio{gap:8px}.uni .lb{letter-spacing:.14em}.wa .dica{display:none}.grupo{font-size:.74rem}
  .rod{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .final .crescer{opacity:1!important;transform:none!important;filter:none!important}
  .grupo i:after{display:none}
}

/* ===== etapa 1b: contagem com 3 arcos, no formato dos Portais ===== */
.uni{width:clamp(80px,13vw,130px)}
.uni .arc{border:0;background:none;padding-top:22%}
.uni .arc svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.uni .arc path{fill:none;stroke:var(--ouro);stroke-width:1.2;stroke-dasharray:520;stroke-dashoffset:520;transition:stroke-dashoffset 2s cubic-bezier(.6,0,.2,1)}
.uni .arc .luz{fill:url(#gl);stroke:none;opacity:0;transition:opacity 1.6s}
.uni .num{position:relative}
.relogio.on .uni .arc path{stroke-dashoffset:0}.relogio.on .uni .arc .luz{opacity:1}
.relogio.on .uni:nth-child(2) .arc path{transition-delay:.5s}.relogio.on .uni:nth-child(3) .arc path{transition-delay:1s}
@media (prefers-reduced-motion:reduce){.uni .arc path{stroke-dashoffset:0}.uni .arc .luz{opacity:1}}