@import 'estilos/avaliacoes.css';
@import 'estilos/contato.css';
@import 'estilos/footer.css';
@import 'estilos/header.css';
@import 'estilos/home.css';
@import 'estilos/servicos.css';
@import 'estilos/sobre.css';
@import 'estilos/menu-mobile.css';



ul {
  list-style: none;
}
a {
  text-decoration: none;
}
*, *::before, *::after {
  box-sizing: border-box;
}
a {
  text-decoration: none;
}
body {
  margin: 0px;
  font-family: Arial, Helvetica, sans-serif;
  color: #111111;
  background: #FAFCFB;
}

h1,
h2,
h3,
h4,
h5,
h6,
ul,
p,
blockquote,
dd {
  margin: 0px;
}

a {
  text-decoration: none;
  color: inherit;
}

img {
  max-width: max-content;
  height: auto;
  display: block;
}

.verde-prin{
  color: #64BC9C;
}

.bg-verde{
  background-color: #64BC9C;
}

.botao-prin{
    background: #64BC9C;
    color: #FFFFFF;
    padding: 10px 17px;
    font-weight: 600;
    border-radius: 9px;
}

.botao-sec{
  background-color: transparent;
  border: 1px solid #64BC9C;
  padding: 10px 17px;
  border-radius: 9px;
  color: #64BC9C;
}

.cor-paragrafos{
  color: #64748B;
}


.titulo-container{
  text-align: center;
  padding: 0 16px; 
}

.titulo-container .section-title{
  display: block;
  margin: 0 auto 8px; 
}

.titulo-container p{
  margin: 0 auto 24px; 
  max-width: 760px; 
  text-align: center;
}



.bg-logo:nth-child(odd) .logo-espc,
.bg-logo:nth-child(odd) .logo-servicos,
.sobre-espc li:nth-child(odd) .logo-espc,
.container-servicos li:nth-child(odd) .logo-servicos {
  background-color: #A6E1CB;
}

.bg-logo:nth-child(even) .logo-espc,
.bg-logo:nth-child(even) .logo-servicos,
.sobre-espc li:nth-child(even) .logo-espc,
.container-servicos li:nth-child(even) .logo-servicos {
  background-color: #FFC9B4;
}

.fade-in{
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 520ms cubic-bezier(.2,.9,.2,1), transform 520ms cubic-bezier(.2,.9,.2,1);
  will-change: opacity, transform;
}
.fade-in.in-view{
  opacity: 1;
  transform: translateY(0);
}

.fade-in.delay-100{ transition-delay: 100ms; }
.fade-in.delay-200{ transition-delay: 200ms; }
.fade-in.delay-300{ transition-delay: 300ms; }

@media (prefers-reduced-motion: reduce) {
  .fade-in,
  .fade-in.in-view{
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}