@import url(https://fonts.googleapis.com/css?family=Nunito+Sans);





footer {
display: flex;

  width: 100%;
height: auto;
padding: 80px 0px;
flex-direction: column;
align-items: flex-start;
gap: 10px;
flex-shrink: 0;
background: #333;

}
.corpo {
margin: 0 auto;
}

.caption {
color: #A0A0A0;

/* Caption */
font-family: Nunito Sans;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 200% */
letter-spacing: 0.2px;
  margin: 0px;
  padding: 0px;.

}


/* ------- contatos start-------*/

.e-mails {
display: flex;
  gap: 24px;

}


.contatos {
display: flex;
max-width: 1032px;
padding: 32px 0px 24px 0px;
align-items: flex-end;
  gap: 64px;
  justify-content: space-around;
 

}


.e-mail p {
  padding: 0px;
  margin: 0px;
    color: var(--neutral-neutral-100, #FFF);

/* Button */
font-family: Nunito Sans;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 32px; /* 200% */
letter-spacing: 0.2px;

}

.e-mail a {
color: var(--neutral-neutral-100, #FFF);

/* Body 3 */
font-family: Nunito Sans;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 28px; /* 175% */
}

/* ------- contatos end-------*/



/* ------- redes sociais start-------*/
.social {
display: flex;
max-width: 1032px;
height: 80px;
align-items: center;
gap: 24px;
border-top: 1px solid #EEE;

}


.paginas 
{

display: flex;
align-items: center;
gap: 20px;
flex: 1 0 0;

}







.paginas a {
color: var(--neutral-neutral-100, #FFF);

/* Button */
font-family: Nunito Sans;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 32px; /* 200% */
letter-spacing: 0.2px;

}

.pagina a:hover {
color: var(--neutral-neutral-100, #FE2B8F);
}

/* ------- redes sociais end-------*/







/* ------- dados da empresa start-------*/


.dds-empresa {
display: flex;
max-width: 1032px;
height: 80px;
align-items: center;
gap: 24px;
border-top: 1px solid #EEE;
  justify-content: space-between;
}

.dds {
display: flex;
    gap: 24px;
    align-items: center;
}

/* ------- dados da empresa end-------*/

@media screen and (max-width: 800px) {

  footer {

    width: 100%;
  
    display: flex !important;
    flex-direction: column;
    padding: 0px;
       
    
  
  }
  
  .e-mails {
display: flex;
  gap: 24px;
flex-direction: column;
}

  .contatos {
    display:flex;
  width:100%;
    max-width: 396px;
        gap: 16px;
    flex-direction: column;
     align-items: flex-start;
    margin-bottom: 24px;
    text-align: center;
    flex-direction: column;
    align-items: center;
  }
  .social{
   width:100%;
  max-width: 396px;
    height: auto;
    gap: 16px;
    flex-direction: column
  }
  
  .paginas {
   width:100%;
    max-width: 396px;
    flex-direction: column;
        margin-top: 48px;

  
  }
  .paginas svg {display: none;}
  .dds-empresa svg {display: none;}
  
  .dds-empresa {
  width:100%;
    max-width: 396px;
    flex-direction: column;
      height: auto;
    text-align: center;
  border-top: none;
    margin-top: 48px;
  }
  
  .dds {
    display: flex;
    gap: 24px;
    align-items: center;
    flex-direction: column;
}

}