/*
Autor: Willy Cruz
www.dznbox.com
*/

body, html {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  cursor: default;
  scroll-behavior: smooth;
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  transition: .2s;
  user-select: none;
  background-image: url("../img/background-mugrano.jpg");
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
}

::selection {
  color: #fff;
  background-color: #333;
}

a,
a:link,
a:focus,
a:active,
a:visited{
  text-decoration: none;
  outline: none;
  transition: .3s;
}
a:hover {
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
h1, h2, h3, h4, h5, strong{
  font-weight: 900;
  transition: .2s;
}
i{
  transition: .2s;
}
.btn01{
  font-size: 14px;
  font-weight: 700;
  padding: 20px 35px;
  border-radius: 2px;
  letter-spacing: 2px;
  color: #fff !important;
}
.btn01:hover{
   box-shadow: inset 190px 0 0 0 rgba(0,0,0,.3);
}
.btnWhats{
  font-size: 14px;
  font-weight: 700;
  padding: 15px 25px;
  border-radius: 2px;
  letter-spacing: 2px;
  color: #fff !important;
  background-color: #53ab69;
}
.btnWhats:hover{
   box-shadow: inset 190px 0 0 0 rgba(0,0,0,.3);
}
.btnWhats02{
  font-size: 17px;
  padding: 11px 22px;
  border-radius: 40px;
  transition: 0.2s;
  color: #fff !important;
  background-color: #25b366;
}
.btnWhats02:hover{
  background-color: #109050;
}


.logotipo{
  width: 100%;
  max-width: 260px;
  margin-top: 43vh;
}

@media (min-width: 992px) {

}
@media (max-width: 991px) {

}
@media (min-width: 1400px) {

}