@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

body {
   font-family: 'Poppins', sans-serif;
}

div#info div.container,
div#servicos div.container,
div#avaliacoes div.container {
   padding-top: 64px;
   padding-bottom: 64px;
}

div#info a.btn {
   margin-top: 16px;
}

div#info div.col-md-3.col-6 {
   margin-top: 16px;
}

a#title,
h3#title {
   color: #d9534f;
}

div#servicos {
   background-color: #d9534f;
}

div#servicos div.card {
   margin-top: 16px;
   margin-bottom: 16px;
   color: #fff;
   background-color: #d9534f;
   border: none;
}

div#servicos img#img-card {
   border: 5px solid #d9534f;
}

div#servicos div#whatsapp-services {
   padding-top: 8px;
}


div#avaliacoes div.card {
   border: 3px solid #d9534f;
}

div#avaliacoes hr {
   background-color: #000;
   height: 3px;
}

div#avaliacoes p.font-italic {
   color: #d9534f;
   font-weight: 700;
}

footer div.container {
   padding-top: 64px;
   padding-bottom: 64px;
}

footer div.col-md-3 {
   padding-top: 16px;
}

section#dev {
   padding-top: 64px;
   padding-bottom: 64px;
}

.testimonial-card {
   background-color: #fff;
   border-radius: 10px;
   padding: 20px;
   max-width: 400px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   text-align: left;
}

.quote-icon {
   color: #dc3545;
}

.testimonial-text {
   font-size: 1em;
   color: #333;
   margin: 10px 0;
}

.author-info {
   display: flex;
   align-items: center;
   margin-top: 20px;
}

.author-photo {
   width: 50px;
   height: 50px;
   border-radius: 50%;
   margin-right: 10px;
}

.author-details {
   font-size: 0.9em;
}

.author-name {
   font-weight: bold;
   margin: 0;
}

.author-title {
   color: #777;
   margin: 0;
}

/* Estilo para a div no rodapé */
.rodape-mobile {
   display: none;
   /* Inicialmente escondido */
   position: fixed;
   bottom: 0;
   width: 100%;
   background-color: rgba(0, 0, 0, 0.95) !important;
   /* Opacidade de 50% apenas para o fundo da div */
   padding: 20px;
   text-align: center;
   box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
   z-index: 9999;
   /* Na frente de todos */
}

/* Estilo para o botão */
.rodape-mobile button {
   background-color: #007bff;
   color: #fff;
   border: none;
   padding: 10px 20px;
   font-size: 16px;
   cursor: pointer;
   border-radius: 5px;
}


/* Estilo para dispositivos móveis */
@media only screen and (max-width: 768px) {
   .rodape-mobile {
      display: block;
      /* Mostra apenas em dispositivos móveis */
   }
}