.container-rodape{
  width: 100%;
  margin:0 auto;
  background:#111827;
  color:#F9FAFB;
  border-radius:32px 32px 0 0;
  padding:20px 70px;  
}

.conteudo-rodape{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.area-logo-rodape{
  display:flex;
  align-items:center;
}
.logo-rodape{
  width:260px;
  height:220px;
  border-radius:24px;

  background-image:url('../img/logo-preto-branco.png');
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;

  transition:transform .35s ease, box-shadow .35s ease;
}

.logo-rodape:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 26px rgba(0,0,0,0.45);
}

.area-contatos-rodape{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:12px;
  text-align:right;
}

.email-rodape{
  font-weight:700;
  font-size:18px;
  color:#F9FAFB;
  text-decoration:underline;
}

.telefone-rodape{
  margin:0;
  font-weight:600;
  font-size:18px;
}

.redes-rodape{
  display:flex;
  gap:12px;
  margin-top:8px;
}



.redes-rodape .icone-rede{
  width:45px;
  height:45px;
  display:flex;
  align-items:center;
  justify-content:center;
  background-position:center;
  background-repeat:no-repeat;
  background-size:60%;
  border-radius:12px;
  cursor:pointer;
  transition:transform .2s ease, box-shadow .2s ease, background-color .2s ease, opacity .2s ease;
}

.redes-rodape .icone-rede:hover{
  transform:translateY(-2px) scale(1.05);
  box-shadow:0 8px 18px rgba(0,0,0,.28);
  background-color:rgba(255,255,255,.06);
  opacity:.96;
}


.redes-rodape .icone-rede:nth-child(1){
  background-image:url('../img/instagram-icone.png');
}

.redes-rodape .icone-rede:nth-child(2){
  background-image:url('../img/whatsapp-icone.png');
}

.redes-rodape .icone-rede:nth-child(3){
  background-image:url('../img/linkedin-icone.png');
}


@media(max-width:900px){

 

  .container-rodape{
    border-radius:32px 32px 0 0;
    padding:32px 24px 40px;
  }

  .conteudo-rodape{
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:24px;
  }

  .area-contatos-rodape{
    align-items:center;
    text-align:center;
  }

  .logo-rodape{
    width:220px;
    height:210px;
  }

  .email-rodape,
  .telefone-rodape{
    font-size:16px;
  }
}