@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");
body {
  font-family: "Lato", serif, sans-serif;
  color: #333;
}

html {
  scroll-behavior: smooth;
}

header {
  background: url(../_img/hero.webp) top center;
  background-size: cover;
  height: 650px;
  padding-top: 21px;
  position: relative;
  overflow: hidden;
}

header #header-principal {
  position: relative;
  z-index: 10;
}

header .logo img {
  width: 250px;
}

header nav a {
  color: #FFF !important;
  --tw-space-x-reverse: 0;
  margin-right: calc(52px * var(--tw-space-x-reverse));
  margin-left: calc(52px * (1 - var(--tw-space-x-reverse)));
  position: relative;
  overflow: hidden;
}

header nav a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: currentColor;
  color: rgb(255, 255, 255) !important;
  transition: all 0.3s ease;
  transform: translateX(-50%);
}

header nav a:hover::after {
  width: 100%;
  color: rgba(51, 51, 51, 0.3) !important;
}

header #menu-toggle {
  color: #FFF;
  position: absolute;
  top: 30px;
  right: 12px;
}

header #menu-toggle .w-6 {
  width: 2.5rem !important;
}

header #menu-toggle .h-6 {
  height: 2.5rem !important;
}

header .banners {
  color: #FFF;
  height: 457px;
  position: relative;
  z-index: 10;
}

header .banner .titulo {
  font-size: 52px;
  font-weight: bold;
}

header .banner .texto {
  font-size: 21px;
}

header .banner .botao button {
  border: 2px solid #FFF;
  padding: 12px 30px 16px;
  margin-top: 21px;
  transition: all 0.4s ease;
  font-weight: bold;
}

header .banner .botao button:hover {
  background-color: #3EC350;
  border: 2px solid #3EC350;
}

header .marcadores {
  text-align: center;
  position: relative;
  z-index: 10;
}

header .marcador {
  border: 2px solid #FFF;
  width: 18px;
  height: 18px;
  margin: 0 9px;
  border-radius: 50%;
}

header .shrink {
  position: fixed !important;
  top: 0px;
  z-index: 50;
  width: 100%;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
  background-color: #333;
}

header .shrink .logo img {
  height: 2.5rem;
  width: auto;
}

header .trabalhador {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 590px;
  z-index: 1;
}

section {
  padding-top: 45px;
}

section .titulo {
  color: #333;
  text-align: center;
  margin-bottom: 21px;
  font-style: italic;
  font-size: 1.2rem;
}

section .titulo-destaque {
  font-size: 2rem;
  text-align: center;
  font-weight: 900;
  margin-bottom: 16px;
  text-transform: uppercase;
}

section .detalhe {
  background: rgba(51, 51, 51, 0.6);
  height: 1px;
  width: 63px;
}

section .detalhe.esq {
  margin: 0 12px 0 auto;
}

section .detalhe.dir {
  margin: 0 auto 0 12px;
}

#servicos {
  scroll-margin-top: 4rem;
}

#servicos .eletrodomesticos {
  width: 70%;
}

#servicos .eletrodomesticos img {
  width: 750px;
  margin: 0 0 0 auto;
}

#servicos .itens {
  width: 30%;
}

#servicos .itens .icone-conserto {
  width: 40px;
}

#servicos .itens .linha-item {
  margin-bottom: 5px;
  font-size: 1.2rem;
}

#servicos .marcas {
  margin-bottom: 70px;
}

#servicos .marcas div {
  padding: 0 30px;
}

#quem-somos {
  background: url(../_img/hero.webp) center top;
  background-size: cover;
  padding: 70px 0;
  color: #FFF;
  text-shadow: #000 1px 0 3px;
  scroll-margin-top: 3rem;
}

#quem-somos .titulo {
  color: #FFF;
}

#quem-somos .detalhe {
  background: rgba(255, 255, 255, 0.6);
}

#garantias {
  margin-top: 0;
  padding-top: 70px;
  scroll-margin-top: 3rem;
}

#garantias .box-garantia {
  margin: 21px 30px;
  width: 90%;
}

#garantias .box {
  background: #58514e;
  color: #FFF;
  padding: 21px;
  box-shadow: 0px 11px 24px -6px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 11px 24px -6px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 11px 24px -6px rgba(0, 0, 0, 0.5);
}

#garantias .box .garantia-titulo {
  color: #FFF;
  font-weight: 900;
  text-align: center;
  font-size: 21px;
}

#garantias .box img {
  width: 90px;
  margin: 21px auto 0;
}

#garantias .box .texto {
  margin-bottom: 21px;
  font-style: italic;
  color: #CCC;
}

#garantias .box .nome {
  margin-bottom: 7px;
  font-weight: 900;
}

#contato {
  background: url(../_img/hero-esmaecido.webp) center top;
  padding: 52px 0;
  margin-top: 52px;
}

#contato .whatsapp {
  margin: 21px auto 12px;
  font-size: 1.5rem;
  font-weight: 900;
  text-align: center;
}

#contato .whatsapp img {
  width: 40px;
  margin-right: 10px;
}

#contato .icone-whatapp {
  margin-left: auto;
}

#contato .telefone {
  margin-right: auto;
}

#contato button {
  color: #FFF;
  background-color: #3EC350;
  padding: 12px 52px;
  font-size: 1.5rem;
  font-weight: 900;
  margin-top: 7px;
  transition-duration: 500ms;
}

#contato button:hover {
  background-color: #27b33c;
}

.bold {
  font-weight: bold;
}

footer {
  background: url(../_img/hero.webp) center top;
  color: #FFF;
  padding: 12px 0 16px;
}

#botao-whatsapp {
  position: fixed;
  width: 277px;
  height: 60px;
  bottom: 30px;
  right: 40px;
  background-color: #3EC350;
  color: #FFF;
  border-radius: 50px;
  text-align: left;
  font-size: 19px;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.07);
  z-index: 100;
  cursor: pointer;
  display: none;
  transition-duration: 500ms;
}

.sobe-desce {
  animation: SobeDesce 1.5s linear infinite;
}

.sobe-desce-balao {
  animation: SobeDesceBalao 2s linear infinite;
}

#botao-whatsapp:hover {
  background-color: #27b33c;
}

#botao-whatsapp .icone-whatsapp {
  font-size: 40px;
}

#botao-whatsapp .icone-whatsapp img {
  width: 40px;
  margin: 0 5px 0 25px;
}

#botao-whatsapp .posso-ajudar {
  width: 196px;
  font-weight: 900;
}

.container-botao-whatsapp {
  height: 60px;
}

@keyframes SobeDesce {
  0%, 100% {
    bottom: 30px;
  }
  50% {
    bottom: 25px;
  }
}
@keyframes SobeDesceBalao {
  0%, 100% {
    bottom: 111px;
  }
  50% {
    bottom: 106px;
  }
}
/* LG */
@media (min-width: 1200px) and (max-width: 1400px) {
  .api {
    display: none;
  }
  .web {
    display: block;
  }
}
/* MD */
@media (min-width: 992px) and (max-width: 1199px) {
  .api {
    display: none;
  }
  .web {
    display: block;
  }
}
/* SM */
@media (min-width: 768px) and (max-width: 991px) {
  .api {
    display: none;
  }
  .web {
    display: block;
  }
}
/* XS */
@media (max-width: 767px) {
  .api {
    display: block;
  }
  .web {
    display: none;
  }
  section .titulo-destaque {
    font-size: 1.6rem;
  }
  header .banner .titulo {
    font-size: 40px;
    font-weight: 900;
    line-height: 1.2;
  }
  header .trabalhador {
    width: 210px;
  }
  #servicos .marcas div {
    padding: 0 7px;
  }
  #garantias .container-garantias, #servicos .servicos-items {
    display: block !important;
  }
  #garantias .box-garantia {
    margin: 21px auto;
  }
  #servicos .itens {
    width: 90%;
    margin: 0 auto 30px;
  }
  #servicos .eletrodomesticos {
    width: 100%;
  }
}
/* XS Portrait */
@media (max-width: 480px) {
  .api {
    display: block;
  }
  .web {
    display: none;
  }
}
/* XS Portrait */
@media (max-width: 320px) {
  .api {
    display: block;
  }
  .web {
    display: none;
  }
}

/*# sourceMappingURL=precisade.css.map */