@font-face {
  font-family: 'Wildy Sans';
  src: url('assets/Wildy-Sans.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


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

html{
  scroll-behavior:smooth;
}

body{
  background:#fff;

  display:flex;
  flex-direction:column;
  align-items:center;
}

header,
section{
  width:100%;
  max-width:375px;
}

img{
  width:100%;
  display:block;
}

/* HEADER */

.hero{
  position:relative;
}


/* MENU */

.menu-topo{
  position:absolute;

  top:10px;
  left:0;

  width:100%;

  display:flex;
  justify-content:space-evenly;
  align-items:center;

  z-index:10;
}

.menu-topo a{
  width:64px;
  height:16px;

  display:flex;
  justify-content:center;
  align-items:center;

  text-decoration:none;

  font-family:'Wildy Sans', cursive;
  font-size:9px;
  text-align:center;

  color:#fff;

  background:rgba(0,0,0,.55);

  border:1px solid #fff;
  border-radius:999px;
}

/* VITRINE */

.vitrine1{
  position:relative;
}

.controles-vitrine{

  position:absolute;

  top:50%;
  left:0;

  width:100%;

  display:flex;
  justify-content:space-between;

  padding:0 8px;

  transform:translateY(-50%);
}

.controles-vitrine button{

  width:32px;
  height:32px;

  border:none;
  border-radius:50%;

  background:rgba(0,0,0,.55);

  color:#fff;

  font-size:18px;

  cursor:pointer;
}

/* WHATSAPP */

.whatsapp-float{

  position:fixed;

  right:24px;
  bottom:16px;

  width:40px;
  height:40px;

  z-index:9999;
}

.whatsapp-float img{
  width:100%;
}