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


.desktop-hd {
   
    height: auto;
    background: #D63275;
    width: 100%;
  padding: 40px 0px;

}

.logo {
max-width: 1032px;
  width: 100%;
  display: flex;
  margin: 0 auto;
  margin-bottom: 70px;
}

.corpo-hd{
display: flex;
  max-width: 1032px;
    width: 100%;
  margin: 0 auto;
justify-content: space-between;
    align-items: center;
    flex-direction: row;
  align-items: flex-start;
}

.content-cross {
max-width: 496px;
  display: flex;
    flex-direction: column;
    gap: 16px;

}

.content-cross h1 strong {
color: #FFF;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 45px; /* 112.5% */
 font-family: Nunito Sans;

}

.content-cross h1 {
color: #FFF;
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: 45px; /* 112.5% */
 font-family: Nunito Sans;

}


.shapes {
display: flex;
    gap: 4px;
}

.shapes img {
width: 100%;
    max-width: 154px;

}



  .mobile-hd {
  display: none;
  
  }


.btt-wpp{
background: #333333;
  border: 1px solid #B9ACB4;
  padding: 16px 0px 16px 16px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  text-decoration: none;
  margin-bottom: 14px;
}

.whatsappLogo{
width: 41px;
  height: 41px;
  margin-right: 12px;
}

.whatsappButtonText{
 font-family: Nunito;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
color: #FFFFFF;
  margin: 0;
}

.WppDivisor{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px
  
}

.divisorImage{
  width: 186px;
height: 1px;
}

.divisorText{
   font-family: Nunito;
  font-weight: 800;
  font-size: 20px;
  line-height: 28px;
color: #FFFFFF;
  margin: 0 21px;
  white-space: nowrap;
}


.form-cross {
border-radius: 20px;
    background: var(--brand-secondary-secondary-99, #FFF5FA);
    width: 100%;
    max-width: 495px;
    padding: 40px;
    

}

.hs-form-9a598749-ce69-4f4f-98cb-871a8a7e4889_af2eeb92-6688-45be-9f9b-f938a629b861 .hs-main-font-element, .submitted-message.hs-main-font-element {
    font-family: Nunito;

color: #000;

/* Body/B2 Nunito Regular 20px */
font-family: Nunito Sans;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 140% */

}

.hs-input {
display: flex !important;
height: 60px  !important;
padding: 16px  !important;
align-items: center  !important;
gap: 16px  !important;
align-self: stretch  !important;

}

input[type=submit], form button, .hs-button {
display: flex !important; 
height: 60px !important;
padding: 16px 24px !important;
justify-content: center !important;
align-items: center !important;
gap: 8px !important;
align-self: stretch !important;
border-radius: 12px !important;
background: #333 !important;
  width: 100% !important;
  border: none !important;

}

input[type=submit]:hover, form button:hover, .hs-button:hover {
background: #FE2B8F !important;
  color: #fff !important;

}

textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    outline: 0;
    border-style: none !important;
    background: #fff;
    padding: 25px 40px;
  margin: 0px !important;
    /* margin: 30px 0; */
    font-family: 'Nunito', sans-serif !important;
    font-size: 18px !important;
    width: 100% !important;
    justify-content: center;
    display: flex;
height: 48px !important;
padding: 16px !important;
align-items: center;
gap: 16px;
align-self: stretch;
  border-radius: 12px !important;
border: 1px solid var(--neutral-neutral-70, #B9ACB4) !important;
  box-shadow: none !important;
}

 .input input[type="text"],  .input input[type="email"], .input input[type="number"] {
border: 1px solid var(--neutral-neutral-70, #B9ACB4) !important;
   font-size: 16px !important;

}

input[type=checkbox] {
box-shadow: none !important;
    height: 16px !important;
    padding: 16px !important;
    align-items: center !important;
    gap: 16px !important;
}

.device {
  max-width: 100%;
  height: auto;
  animation: slideIn 1s ease-out; /* Adiciona a animação slideIn */
}

@keyframes slideIn {
  from {
    transform: translateX(-100%); /* Inicia fora da tela à esquerda */
    opacity: 0;
  }
  to {
    transform: translateX(0); /* Termina na posição original */
    opacity: 1;
  }
}

}

@media screen and (max-width: 900px) {
.desktop-hd {
    background: #fe2b8f;
    height: auto;
    min-width: 360px;
    padding: 40px 0;
    width: 100%;
    display: flex;
    flex-direction: column;
}
  
  .corpo-hd {
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 auto;
    display: flex;
}
  



}

@media screen and (max-width: 600px) {
  .btt-wpp{
    max-width: 415px;
    padding: 10.8px 30px 10.8px 10.8px;
  }
}

@media screen and (max-width: 600px) {
  
  
  .shapes {
display: flex;
    gap: 4px;
    width: 100%;
    padding: 0px 16px;
}
  
  
  .content-cross-mobile{
  padding: 0px 16px;
    display: flex;
    flex-direction: column;
    gap: 20px;
  
  }
  
  .content-cross-mobile h1 {
  color: #FFF;

/* Headline/H6 Cabinet Bold 32px */
 font-family: Nunito Sans;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 38px; /* 118.75% */
  
  }

  .shapes-mobile {
  width: 100%;
    display: none;

  
  }
  
  .shapes-mobile img {
  width: 100%;
   

  
  }
  
.logo {
  width: 100%;
  display: flex;
  margin: 0 auto;
  margin-bottom: 0px;
  padding: 24px 16px 15px 16px;
 
}
  
  .desktop-hd {
  display: none;
  
  }
  
  .mobile-hd {
  display: flex;
  flex-direction: column;
        background: #D63275;
    width: 100%;
    align-items: center;
    gap: 20px;
  }
  
  
  .header-img-mobile img{
  
  width: 100%;
  
  
  }
  
  .form-mobile {
border-radius: 16px;
    background: var(--brand-secondary-secondary-99, #FFF5FA);
    width: 90%;
    max-width: 495px;
    padding: 32px 16px 60px 16px;
    

}
  
  .header-img-mobile {
  line-height: 0px;
  
  }

}