/* Rodapé: faixa azul com chamada, ilha e nuvens; abaixo, faixa branca com logo, áreas e Instagram. */
.footer{background:#fff;color:var(--ink)}
.rodape-faixa{position:relative;isolation:isolate;overflow:hidden;background:var(--blue);color:#fff;padding:56px 0 clamp(120px,15vw,220px)}
.rodape-ceu{position:absolute;inset:0;z-index:-1;pointer-events:none}
.rodape-plataforma{position:absolute;right:-5%;bottom:2vw;width:clamp(280px,38vw,600px);height:auto;--altura:-14px;--giro:-1.2deg;--duracao:8s}
.rodape-nuvens{bottom:-5vw;height:13vw;--duracao:90s}
/* Desktop: rocha maior e mais inclinada, como um caminho que sai da borda e chega perto do título. rotate não briga com o transform do .flutua. */
@media(min-width:651px){
  .rodape-plataforma{width:clamp(420px,72vw,1150px);right:-20%;bottom:-1vw;rotate:9deg}
}
/* Nuvens em volta da rocha: uma grande atrás, duas à frente (ordem no HTML). */
.rodape-nuvem{position:absolute;height:auto;--altura:-6px;--giro:0deg}
.rodape-nuvem-1{width:clamp(300px,42vw,680px);right:14%;bottom:3vw;--duracao:11s;--atraso:-4s}
.rodape-nuvem-2{width:clamp(200px,28vw,460px);right:-8%;bottom:-4vw;--duracao:9s;--atraso:-2s}
.rodape-nuvem-3{width:clamp(130px,16vw,260px);right:27%;bottom:-2vw;--duracao:12s;--atraso:-7s}
/* Frase manuscrita no canto (estilo e escrita em base.css + escrita.js): posição, cor e tamanho do rodapé. */
.rodape-escrita{position:absolute;top:clamp(24px,3vw,48px);right:6%;margin:0;color:#fff;font-size:clamp(15px,1.6vw,24px);transform-origin:right top}
/* Chamada à esquerda, como na faixa azul da referência: título em caixa normal e botão branco. */
.rodape-cta .eyebrow{color:#dbe5ff;margin:0 0 16px}
.rodape-cta h2{font-family:var(--display);font-weight:400;font-size:clamp(42px,4.8vw,72px);line-height:1;letter-spacing:-.005em;margin:0 0 30px}
.rodape-btn{background:#fff;color:var(--blue);border-color:#fff;gap:16px;font-size:14px}
.rodape-btn:hover{background:#eaf0ff}
/* Faixa branca: logo à esquerda, áreas no centro e Instagram à direita. */
.footer-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding-top:26px;padding-bottom:26px}
.footer-row p{margin:0;font-size:14px;color:#2b3550;white-space:nowrap}
.rodape-insta{justify-self:end;font-size:14px;color:var(--ink)}
.rodape-insta:hover{color:var(--blue)}
@media(max-width:650px){
  .rodape-faixa{padding:48px 0 240px}
  .rodape-cta h2{font-size:clamp(36px,10vw,48px)}
  .rodape-plataforma{width:78vw;right:-10%;bottom:20px}
  .rodape-nuvens{height:28vw;bottom:-8vw}
  .rodape-nuvem-1{width:70vw;right:10%;bottom:-2vw}
  .rodape-nuvem-2{width:55vw;right:-15%;bottom:-6vw}
  .rodape-nuvem-3{display:none}
  .rodape-escrita{top:auto;bottom:170px;right:7%}
  .footer-row{grid-template-columns:1fr auto;row-gap:14px;padding-top:22px;padding-bottom:22px}
  .footer-row p{grid-column:1/-1;grid-row:2;font-size:13px}
  .rodape-insta{display:inline-flex;align-items:center;min-height:44px}
}