@font-face {
	font-family: Grandstander;
	src: url(Grandstander-Black.ttf)
}

@font-face {
	font-family: 'Josefin Sans';
	src: url(JosefinSans-Regular.ttf)
}


.js .js-scroll {
  opacity: 0;
  transform: translate3d(-20vw, -10vh, 0);
  transition: .7s;
}

.js .js-scroll.ativo {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  }


:root {
  font-size: 60%;
}


.baleinha {
  padding-top: 3vh;
  max-height: 18.5vh;
}

.imagens-fim {
  padding: 1vh;
  max-width: 30vh;
  max-height: 100%;
}

  .a-atendimento {
      width: 70vw;
      border-radius: 0.75vh;
      font: 400 3.6vh 'Josefin Sans', sans-serif;
      display: flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      color: #ffffff;
      transition: background 0.2s;
      background-color: #ea4c89;
      margin-top: 3.6vh;
      height: 5.7vh;
  }

  .a-atendimento-tela {
    width: 70vw;
    font: 400 3.6vh 'Josefin Sans', sans-serif;
    border-radius: 0.75vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #ffffff;
    transition: background 0.2s;
    background-color: #ea4c89;
    margin-top: 3.6vh;
    height: 5.7vh;
    max-width: 370px;
}

  .sec-atendimento {
      display: flex;
      flex-direction: column;
      background-color: #ffffff;
      padding: 3vh;
      align-items: center;
      text-align: center;
  }

  .sec-rodape-tela {
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    padding: 3vh;
    align-items: center;
    text-align: center;
}

  .sec-atendimento-tela {
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    padding: 3vh;
    align-items: center;
    text-align: center;

}

  .texto-atendimento{
      color: #ea4c89;
      font: 400 4.1vh 'Josefin Sans', sans-serif;
      padding-top: 3.6vh;
      line-height: 5.4vh;
  }

  .texto-atendimento-tela{
    color: #ea4c89;
    font: 400 4.1vh 'Josefin Sans', sans-serif;
    padding-top: 3.6vh;
    line-height: 5.4vh;
    max-width: 670px;
}

.texto-rodape{
  color: #ea4c89;
  font: 400 1.7vh 'Josefin Sans', sans-serif;
  line-height: 2.1vh;
  position: absolute;
  top: 90vh;
}


  .texto-rodape-tela{
      color: #ea4c89;
      font: 400 3.4vh 'Josefin Sans', sans-serif;
      line-height: 4.2vh;
      position: absolute;
      top: 83vh;
  }

  .div-rodape-tela {
    position: absolute;
    top: 30vh;
  }


  .container {
      height: 100vh;
      width: 100vw;
      scroll-snap-type: y mandatory;
      overflow-y: scroll;
  }

  .computador {
    height: 100vh;
    width: 100vw;
    scroll-snap-type: y mandatory;
    overflow-y: scroll;
}

  section { 
      height: 100vh; 
      width: 100vw;
      scroll-snap-align: start;
      object-fit: cover;
      object-position: center;
      position: relative;
      
  }

.imagem-secao {
  height: 100vh; 
  width: 100vw;
  scroll-snap-align: start;
  object-fit: cover;
  object-position: center;
}

.texto01 {
  background-color: #ffffff;
  color: #ea4c89;
  position: absolute;
  left: 3vw;
  top: 10vh;
  font: 700 7.7vw 'Grandstander', cursive;
  text-align: right;
  padding: 3vw;
}

.logo-inicio {


  position: absolute;
  left: 3vw;
  top: 10vh;
  padding: 3vw;
}

.texto01-tela {
  background-color: #ffffff;
  color: #ea4c89;
  position: absolute;
  left: 7vw;
  top: 10vh;
  font: 700 5.7vh 'Grandstander', cursive;
  text-align: right;
  padding: 2vw;
}



.tela {
  display: none;
}