@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');
/* Header */
.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    background-color: #423f3c; /* Fundo Preto */
    color: #000000; /* Texto Preto */
    border-bottom: 2px solid #D4AF37; /* Borda Dourada */
}
/*botao agendamento celular*/
.schedule-section {
   display: none;
  }
  
  
/* WhatsApp Flutuante */
#whatsapp-button {
    position: fixed;
    text-decoration: none;
    bottom: 20px;  /* Distância da parte inferior da tela */
    right: 40px;   /* Distância da parte direita da tela */
    background-color: #25d366; /* Cor padrão do WhatsApp */
    border-radius: 50%;  /* Tornar o botão redondo */
    padding: 15px; /* Tamanho do botão */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);  /* Sombra ao redor do botão */
    z-index: 1000;  /* Garante que o botão fique acima de outros elementos */
    transition: transform 0.2s ease-in-out; /* Animação suave ao passar o mouse */
    display: flex;
    align-items: center;
    justify-content: center;

    /* Animação de crescimento e diminuição automáticos */
    animation: growShrink 1.5s infinite ease-in-out;
}

/* Animação de crescimento e diminuição */
@keyframes growShrink {
    0% {
        transform: scale(1);  /* Tamanho original */
    }
    50% {
        transform: scale(1.2);  /* Aumenta o tamanho */
    }
    100% {
        transform: scale(1);  /* Retorna ao tamanho original */
    }
}

/* Efeito ao passar o mouse (aumenta o tamanho) */
#whatsapp-button:hover {
    transform: scale(1.1);  /* Aumenta o tamanho do botão ao passar o mouse */
}

/* Estilo do ícone dentro do botão */
#whatsapp-button i {
    color: white;  /* Cor do ícone */
    font-size: 40px;  /* Tamanho do ícone */
}


.nav-links ul {
    list-style: none;
    display: flex;
    gap: 20px;
}

.nav-links ul li a {
    color: #c49d1d; /* Dourado */
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    transition: color 0.3s ease;
}

.nav-links ul li a:hover {
    color: #FFD700; /* Dourado mais claro */
}

.social-icons {
    display: flex;
    gap: 20px;
}

.social-icons a {
    color: white; /* Cor Rosé */
    font-size: 24px;
    transition: transform 0.3s ease;
}

.social-icons a:hover {
    transform: scale(1.2); /* Zoom no ícone ao passar o mouse */
}

.logo img {
    width: 120px; /* Ajuste o tamanho conforme necessário */
    height: auto;
}


/* blog */
.blog-section {
    padding: 60px;
    background-color: #e2e1e1; /* Fundo leve e clean */
    text-align: center;
}

.blog-section h1 {
    font-size: 48px;
    margin-bottom: 40px;
    color: #D4AF37; /* Dourado */
}

.content {
    display: flex;
    justify-content: space-between;
    align-items: stretch; /* Garante que os itens filhos tenham a mesma altura */
}

.image1 {
    flex: 1;
    max-width: 100%;
    padding-right: 20px;
}

.image1 img {
    width: 100%;
    height: 100%; /* Altura da imagem ocupa 100% do contêiner */
    object-fit: cover; /* Garante que a imagem cubra todo o contêiner sem perder qualidade */
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.image1 img:hover {
    transform: scale(1.05);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}

.latest-post {
    flex: 2;
    max-width: 60%;
    padding-left: 20px;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center; /* Garante que o conteúdo esteja centralizado verticalmente */
}

.latest-post h2 {
    font-size: 36px;
    margin-bottom: 20px;
    color: #423f3c; /* Preto */
}

#blog-post {
    font-size: 20px;
    margin-bottom: 20px;
    color: #333333; /* Cinza escuro */
}

.btn-read-more {
    margin-top: 20px;
    padding: 10px 20px;
    font-size: 18px;
    color: white;
    background-color: #D4AF37; /* Dourado */
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    align-self: start; /* Alinha o botão à esquerda */
}

.btn-read-more:hover {
    background-color: #FFD700; /* Dourado mais claro */
}


/* Sobre Mim */
.about-me {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px;
    background-color: #e0dcd4; /* Fundo leve e clean */
    color: #000000; /* Texto preto */
}

.description {
    flex: 1;
    max-width: 50%;
    padding-right: 20px;
}

.description h2 {
    font-size: 45px;
    margin-bottom: 20px;
    color: #806a21; /* Dourado */
}

.description p {
    font-size: 25px;
    margin-bottom: 20px;
    color: #333333; /* Cinza escuro */
}

.btn-agendar {
    padding: 10px 20px;
    font-size: 25px;
    color: white;
    background-color: #D4AF37; /* Dourado */
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.btn-agendar:hover {
    background-color: #FFD700; /* Dourado mais claro */
}

.image {
    flex: 1;
    max-width: 50%;
    padding-left: 20px;
    overflow: hidden; /* Garante que a imagem não transborde do contêiner */
}

.image img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Adiciona transição suave */
}

.image img:hover {
    transform: scale(1.05); /* Efeito de zoom */
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); /* Aumenta a sombra */
}

/* Agendamento */
.couple-therapy {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px;
    background-color: #e0dcd4; /* Fundo leve e clean */
    color: #000000; /* Texto preto */
}

.couple-therapy .image {
    flex: 1;
    max-width: 50%;
    padding-right: 20px;
    overflow: hidden; /* Garante que a imagem não transborde do contêiner */
}

.couple-therapy .image img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Adiciona transição suave */
}

.couple-therapy .image img:hover {
    transform: scale(1.05); /* Efeito de zoom */
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); /* Aumenta a sombra */
}

.couple-therapy .description {
    flex: 1;
    max-width: 50%;
    padding-left: 20px;
}

.couple-therapy .description h2 {
    font-size: 36px;
    margin-bottom: 20px;
    color: #D4AF37; /* Dourado */
}

.couple-therapy .description p {
    font-size: 18px;
    margin-bottom: 20px;
    color: #333333; /* Cinza escuro */
}

.couple-therapy .btn-agendar {
    padding: 10px 20px;
    font-size: 18px;
    color: white;
    background-color: #D4AF37; /* Dourado */
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.couple-therapy .btn-agendar:hover {
    background-color: #FFD700; /* Dourado mais claro */
}

/*Plataformas*/
.resources {
    padding: 60px;
    background-color: #f9f9f9; /* Fundo leve e clean */
    text-align: center;
}

.resources h1 {
    font-size: 48px;
    margin-bottom: 40px;
    color: #5f5947; /* Dourado */
}

.resource-container {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap; /* Permite que os cartões se alinhem lado a lado e quebrem linha se necessário */
    gap: 20px;
}

.resource-card {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    max-width: 30%; /* Ajusta a largura dos cartões para melhor disposição */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-align: left; /* Alinha o texto à esquerda para melhor legibilidade */
}

.resource-card img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 20px;
    transition: transform 0.3s ease; /* Adiciona transição suave para imagem */
}

.resource-card:hover img {
    transform: scale(1.05); /* Efeito de zoom na imagem ao passar o mouse */
}

.resource-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.resource-card h2 {
    font-size: 30px;
    margin-bottom: 10px;
    color: #423f3c; /* Preto */
}

.resource-card p {
    font-size: 18px;
    margin-bottom: 20px;
    color: #333333; /* Cinza escuro */
}

.btn-buy {
    padding: 10px 20px;
    font-size: 18px;
    color: white;
    background-color: #D4AF37; /* Dourado */
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.btn-buy:hover {
    background-color: #FFD700; /* Dourado mais claro */
}

/*melhores do ano*/
.melhores-do-ano {
    padding: 60px;
    background-color: #f9f9f9; /* Fundo leve e clean */
    text-align: center;
}

.melhores-do-ano h1 {
    font-size: 48px;
    margin-bottom: 40px;
    color: #5f5947; /* Dourado */
}

.melhores-do-ano .conteudo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; /* Permite que os elementos se alinhem lado a lado e quebrem linha se necessário */
    gap: 20px;
}

.melhores-do-ano .descricao {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    max-width: 60%; /* Ajusta a largura do container de descrição */
    text-align: left; /* Alinha o texto à esquerda para melhor legibilidade */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.melhores-do-ano .descricao h1 {
    font-size: 30px;
    margin-bottom: 10px;
    color: #423f3c; /* Preto */
}

.melhores-do-ano .descricao p {
    font-size: 18px;
    margin-bottom: 20px;
    color: #333333; /* Cinza escuro */
}

.melhores-do-ano .imagem {
    max-width: 30%; /* Ajusta a largura do container de imagem */
}

.melhores-do-ano .imagem img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    transition: transform 0.3s ease; /* Adiciona transição suave para imagem */
}

.melhores-do-ano .descricao:hover .imagem img {
    transform: scale(1.05); /* Efeito de zoom na imagem ao passar o mouse */
}

.melhores-do-ano .descricao:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.btn-fale-comigo {
    padding: 10px 20px;
    font-size: 18px;
    color: white;
    background-color: #D4AF37; /* Dourado */
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.btn-fale-comigo:hover {
    background-color: #FFD700; /* Dourado mais claro */
}



/*listas*/
.demandas-servicos {
    padding: 60px;
    background-color: #f9f9f9; /* Fundo leve e clean */
    text-align: center;
}

.demandas-servicos h1 {
    font-size: 48px;
    margin-bottom: 40px;
    color: #5f5947; /* Dourado */
}

.container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.quadrado {
    flex: 1 1 calc(33.33% - 40px); /* Três colunas com espaço entre elas */
    background-color: #faf8f3;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
    text-align: left;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.quadrado:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.quadrado h2 {
    font-size: 30px;
    margin-bottom: 20px;
    color: #423f3c; /* Preto */
}

.quadrado ul {
    list-style: none;
    padding: 0;
}

.quadrado ul li {
    font-size: 22px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.quadrado ul li i {
    margin-right: 10px;
    color: #D4AF37; /* Dourado */
}

.mini-texto {
    font-size: 18px;
    color: #333;
    margin-top: 10px;
}


/*profissionalismo*/
.profissional h1{
    font-family:Georgia, 'Times New Roman', Times, serif;
    font-size: 60px;
    text-align: center;
    color: #333230;
}
/*profissionalismo*/
.profissional1 h1{
    font-family:Georgia, 'Times New Roman', Times, serif;
    font-size: 60px;
    text-align: center;
    color: #c69f03c9;
}
/*atendimentos*/
.especialidades {
    padding: 60px;
    background-color: #f9f9f9; /* Fundo leve e clean */
    text-align: center;
}

.especialidades h1 {
    font-size: 48px;
    margin-bottom: 40px;
    color: #5f5947; /* Dourado */
}

.especialidades .conteudo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; /* Permite que os elementos se alinhem lado a lado e quebrem linha se necessário */
    gap: 20px;
}

.especialidades .descricao {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    max-width: 60%; /* Ajusta a largura do container de descrição */
    text-align: left; /* Alinha o texto à esquerda para melhor legibilidade */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.especialidades .descricao h1 {
    font-size: 30px;
    margin-bottom: 20px;
    color: #423f3c; /* Preto */
}

.especialidades .descricao ul {
    list-style: none;
    padding: 0;
}

.especialidades .descricao ul li {
    font-size: 22px;
    margin-bottom: 15px;
    color: #333333; /* Cinza escuro */
    display: flex;
    align-items: center;
}

.especialidades .descricao ul li i {
    font-size: 28px;
    margin-right: 15px;
    color: #D4AF37; /* Dourado */
}

.especialidades .imagem {
    max-width: 35%; /* Ajusta a largura do container de imagem */
}

.especialidades .imagem img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    transition: transform 0.3s ease; /* Adiciona transição suave para imagem */
}

.especialidades .conteudo:hover .imagem img {
    transform: scale(1.05); /* Efeito de zoom na imagem ao passar o mouse */
}

.especialidades .descricao:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

/*formulario*/
.formulario-contato {
    padding: 60px;
    background-color: #f9f9f9;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.formulario-contato .conteudo {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
}


.formulario-contato .formulario-descricao {
    flex:  1 40%;
    background-color: #ffffff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.formulario-contato .formulario-descricao h2 {
    font-size: 34px;
    color: #423f3c;
    margin-bottom: 10px;
}

.formulario-contato .formulario-descricao p {
    font-size: 28px;
    color: #666;
}

.formulario-contato .formulario {
    flex: 1 1 30%;
    background-color: #ffffff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.formulario-contato .formulario h2 {
    font-size: 30px;
    color: #423f3c;
    margin-bottom: 10px;
}

.formulario-contato .formulario form {
    display: flex;
    flex-direction: column;
}

.formulario-contato .formulario label {
    
    font-size:18px;
    margin-bottom: 5px;
    color: #333;
}

.formulario-contato .formulario input {
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
}

.formulario-contato .formulario button {
    padding: 10px 20px;
    font-size: 18px;
    color: white;
    background-color: #e9c00a;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.formulario-contato .formulario button:hover {
    background-color: #d4b714;
}

/*avaliacoes*/
.section1 {
    border-top: 1px solid #372305;
    display: block;
    text-align: center;
    background-color: #fdfdfd;
    padding: 40px 0;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}

/* Google logo */
.google-logo {
    font-size: 80px;
    color: #4285F4;
    margin-bottom: 20px;
}

/* Estrelas */
.stars {
    font-size: 80px;
    color: #FFD700;
    margin-bottom: 20px;
}

/* Imagens */
.image-container {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
}

.image-container img {
    width: 100%; /* Tamanho fixo das imagens */
    height:100%; /* Tamanho fixo das imagens */
    object-fit: cover; /* Garante que as imagens se ajustem bem no tamanho */
    border-radius: 8px;
    filter: brightness(2.1); /* Aumenta o brilho da imagem */
}

/*footer*/
.site-footer {
    background-color: #423f3c; /* Fundo escuro */
    color: #fff; /* Texto branco */
    padding: 20px 0;
}

.footer-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.map-container {
    flex: 1;
    max-width: 50%;
    margin-right: 20px;
}

.contact-info {
    flex: 1;
    max-width: 50%;
    text-align: left;
}

.contact-info ul {
    list-style: none;
    padding: 0;
}

.contact-info ul li {
    margin-bottom: 10px;
}

.contact-info ul li a {
    color: #FFD700; /* Dourado */
    text-decoration: none;
    font-size: 20px;
}

.contact-info ul li a:hover {
    color: #D4AF37; /* Dourado escuro */
}

.contact-info p {
    font-size: 16px;
    margin-top: 20px;
}

#currentYear {
    font-weight: bold;
}

/* Responsividade para telas menores que 768px */
@media (max-width: 940px) {
    /* Resetando margens e padding de todo o conteúdo */
    /* Garante que padding e borda sejam incluídos na largura total */
    *,
    *::before,
    *::after {
        box-sizing: border-box;
    }

    body {
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        overflow-x: hidden;
        background-color: #e1e0dd;
    }

    .header {
        display: flex; /* Usar flexbox para controle de layout */
        flex-direction: column; /* Coloca a logo no topo e o menu embaixo */
        align-items: center; /* Garante que os elementos dentro da header sejam centralizados */
        padding: 10px;
        width: 100%;
    }

    .logo {
        margin: 0 auto;
        padding-bottom: 20px; /* Espaçamento entre a logo e o menu */
    }

    .nav-links {
        width: 100%; /* Garante que o menu de navegação ocupe toda a largura */
    }
    .nav-links ul li a {
        color: #c49d1d; /* Dourado */
        text-decoration: none;
        font-size: 25px;
        font-weight: bold;
        transition: color 0.3s ease;
    }
       

    .nav-links ul {
        display: flex; /* Alinha os itens do menu de navegação */
        justify-content: center; /* Centraliza os itens horizontalmente */
        gap: 10px; /* Espaço entre os itens do menu */
        padding: 0;
        margin: 0;
        list-style-type: none; /* Remove os marcadores das listas */
    }

    .social-icons {
        display: none; /* Oculta os ícones sociais */
    }

    /*botaoagendamento*/
    .schedule-section {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 20px;
        background-color: #f9f9f9;
        border: 1px solid #ddd;
        border-radius: 5px;
        margin: 20px 0;
      }
      
      .schedule-section .content {
        text-align: center;
      }
      
      .schedule-section h2 {
        margin: 0 0 10px;
        font-size: 24px;
        color: #333;
      }
      
      .schedule-section p {
        margin: 0 0 20px;
        color: #666;
      }
      
      .schedule-button {
        padding: 10px 20px;
        background-color: #daa520; /* Cor dourada */
        color: white;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        font-size: 16px;
      }
      
      .schedule-button:hover {
        background-color: #b8860b; /* Tom de dourado mais escuro para hover */
      }
      

    /* blog */
    .blog-section {
        padding: 20px 0; /* Ajuste das margens laterais */
        background-color: #e2e1e1; /* Fundo leve e clean */
        text-align: center;
    }

    .blog-section h1 {
        text-align: center;
        font-size: 36px;
        margin-bottom: 20px;
        color: #906c09; /* Dourado */
    }

    .blog-section p {
        text-align: justify;
        font-size: 22px;
        margin: 0;
        word-spacing: -1px;
        hyphens: auto;
    }
    .blog-section h3 {
        text-align: center;
        font-size: 32px;
        margin: 0;
        word-spacing: -1px;
        hyphens: auto;
        padding-bottom: 15px;
    }

    .content {
        display: block;
        text-align: center;
        width: 100%; /* Garante que o conteúdo preencha a largura da tela */
    }

    .image1 {
        width: 100%; /* Garante que a imagem preencha a largura da tela */
        margin: 0; /* Ajuste das margens laterais */
        max-width: 100%;
        padding-right: 0px;
    }

    .image1 img {
        width: 100%;
        height: auto; /* Ajusta a altura da imagem */
        object-fit: cover;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .latest-post {
        padding-left: 0px;
        width: 100%; /* Garante que o conteúdo preencha a largura da tela */
        text-align: justify;
        margin: 0; /* Ajuste das margens laterais */
        max-width: 100%;
    }

    .latest-post h2 {
        font-size: 28px;
        margin-bottom: 15px;
        color: #423f3c; /* Preto */
        text-align: center;
    }

    #blog-post {
        font-size: 18px;
        margin-bottom: 20px;
        color: #333333; /* Cinza escuro */
    }

    .btn-read-more {
        margin: 20px auto 0; /* Ajuste das margens */
        padding: 10px 20px;
        font-size: 18px;
        color: white;
        background-color: #D4AF37; /* Dourado */
        border: none;
        border-radius: 5px;
        cursor: pointer;
        transition: background-color 0.3s ease;
        display: inline-block;
    }

    .btn-read-more:hover {
        background-color: #FFD700; /* Dourado mais claro */
    }



    /*sobre mim*/
    .about-me {
        display: column;
        flex-direction: column-reverse;
        border-top: 1px solid black;
        padding: 0;
        background-color: #e0dcd4; /* Fundo leve e clean */
        text-align: center;
    }

    .description {
        max-width: 100%;
        width: 100%; /* Garante que a descrição preencha a largura da tela */
        padding: 0;
        margin: 0;
        text-align: justify;
    }

    .description h2 {
        margin-left: 10px;
        font-size: 36px;
        margin-bottom: 15px;
        color: #806a21; /* Dourado */
    }

    .description p {
        text-align: justify;
        font-size: 22px;
        margin: 0;
        word-spacing: -1px;
        hyphens: auto;
    }

    .btn-agendar {
        margin: 20px auto;
        padding: 10px 20px;
        font-size: 18px;
        color: white;
        background-color: #D4AF37; /* Dourado */
        border: none;
        border-radius: 5px;
        cursor: pointer;
        transition: background-color 0.3s ease;
        display: block;
    }

    .btn-agendar:hover {
        background-color: #FFD700; /* Dourado mais claro */
    }

    .image {
        max-width: 100%;
        width: 100%; /* Garante que a imagem preencha a largura da tela */
        padding: 0;
        margin: 20px 0;
    }

    .image img {
        width: 100%;
        height: auto; /* Ajusta a altura da imagem */
        border-radius: 10px;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
        transition: transform 0.3s ease, box-shadow 0.3s ease; /* Adiciona transição suave */
    }

    .image img:hover {
        transform: scale(1.05); /* Efeito de zoom */
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); /* Aumenta a sombra */
    }

    /*agendamento*/
    
    .couple-therapy {
        border-top: 1px solid black;
        display: block;
        padding: 0;
        background-color: #e0dcd4; /* Fundo leve e clean */
        text-align: center;
    }

    .couple-therapy .image {
        max-width: 100%;
        width: 100%; /* Garante que a imagem preencha a largura da tela */
        padding: 0;
        margin: 20px 0;
    }

    .couple-therapy .image img {
        width: 100%;
        height: auto; /* Ajusta a altura da imagem */
        border-radius: 10px;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
        transition: transform 0.3s ease, box-shadow 0.3s ease; /* Adiciona transição suave */
    }

    .couple-therapy .image img:hover {
        transform: scale(1.05); /* Efeito de zoom */
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); /* Aumenta a sombra */
    }

    .couple-therapy .description {
        width: 100%; /* Garante que a descrição preencha a largura da tela */
        padding: 0;
        margin: 20px 0;
        max-width: 100%;
        text-align: justify;
    }

    .couple-therapy .description h2 {
        font-size: 36px;
        margin-bottom: 15px;
        color: #D4AF37; /* Dourado */
    }

    .couple-therapy .description p {
        text-align: justify;
        font-size: 22px;
        margin: 0;
        word-spacing: -1px;
        hyphens: auto;
    }

    .couple-therapy .btn-agendar {
        margin: 20px auto;
        padding: 10px 20px;
        font-size: 18px;
        color: white;
        background-color: #D4AF37; /* Dourado */
        border: none;
        border-radius: 5px;
        cursor: pointer;
        transition: background-color 0.3s ease;
        display: block;
    }

/*plataformas*/
.resources {
    border-top: 1px solid black;
    padding: 20px;
    background-color: #f9f9f9; /* Fundo leve e clean */
    text-align: center;
}

.resources h1 {
    text-align: center;
    font-size: 22px;
    margin: 0;
    word-spacing: -1px;
    hyphens: auto;
    padding-bottom: 15px;
}

.resource-container {
    display: block; /* Altera o layout para bloco em dispositivos menores */
    width: 100%; /* Garante que o contêiner preencha a largura da tela */
    margin: 0; /* Remove margens */
}

.resource-card {
    width: 100%; /* Garante que os cartões preencham a largura da tela */
    margin-bottom: 20px;
    max-width: 100%;
    text-align: justify; /* Alinha o texto de forma justificada */
}

.resource-card img {
    width: 100%;
    height: auto; /* Ajusta a altura da imagem */
    border-radius: 10px;
    margin-bottom: 20px;
    transition: transform 0.3s ease; /* Adiciona transição suave para imagem */
}

.resource-card h2 {
    text-align: center;
    font-size: 28px;
    margin: 0;
    word-spacing: -1px;
    hyphens: auto;
}

.resource-card p {
    text-align: justify;
    font-size: 22px;
    margin: 0;
    word-spacing: -1px;
    hyphens: auto;
}

.btn-buy {
    margin: 20px auto;
    padding: 10px 20px;
    font-size: 18px;
    color: white;
    background-color: #D4AF37; /* Dourado */
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: block;
}

.btn-buy:hover {
    background-color: #FFD700; /* Dourado mais claro */
}

/*melhores do ano*/
.melhores-do-ano {
    padding: 0px;
    background-color: #f9f9f9; /* Fundo leve e clean */
    text-align: center;
}
.melhores-do-ano .conteudo {
    display:block;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; /* Permite que os elementos se alinhem lado a lado e quebrem linha se necessário */
    gap: 0px;
}
.melhores-do-ano .imagem {
    max-width: 100%; /* Ajusta a largura do container de imagem */
}
.melhores-do-ano .descricao {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    max-width: 100%; /* Ajusta a largura do container de descrição */
    text-align: left; /* Alinha o texto à esquerda para melhor legibilidade */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}


.melhores-do-ano .descricao p {
    text-align: justify;
    font-size: 22px;
    margin: 0;
    word-spacing: -1px;
    hyphens: auto;
}
.melhores-do-ano .descricao h1 {
    text-align: center;
    font-size: 30px;
    margin-bottom: 10px;
    color: #423f3c; /* Preto */
}
.btn-fale-comigo {
    margin: 20px auto;
    padding: 10px 20px;
    font-size: 18px;
    color: white;
    background-color: #D4AF37; /* Dourado */
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: block;
   
}



/*avaliacoes*/

.section1 {
    margin-left:10px;
    margin-right:10px;
    padding: 0;
    text-align: center;
    background-color: #fdfdfd;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}

.google-logo {
    font-size: 60px;
    margin-bottom: 20px;
}

.stars {
    font-size: 60px;
    margin-bottom: 20px;
}

.image-container {
    margin-left:10px;
    margin-right:10px;
    display: block;
    width: 100%; /* Garante que o contêiner de imagens preencha a largura da tela */
    margin: 0; /* Remove margens */
}

.image-container img {
    width: 100%;
    height: 100%; /* Ajusta a altura da imagem */
    object-fit: cover; /* Garante que as imagens se ajustem bem no tamanho */
    border-radius: 8px;
    filter: brightness(2.1); /* Ajusta o brilho da imagem */
    margin-bottom: 20px;
}
/*atendimentos*/
.especialidades {
    padding: 0px;
    background-color: #f9f9f9; /* Fundo leve e clean */
    text-align: center;
}
/*profissionalismo*/
.profissional h1{
    font-family:Georgia, 'Times New Roman', Times, serif;
    font-size: 50px;
    text-align: center;
    color: #333230;
}
/*profissionalismo*/
.profissional1 h1{
    font-family:Georgia, 'Times New Roman', Times, serif;
    font-size: 60px;
    text-align: center;
    color: #c69f03c9;
}

.especialidades .descricao {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    max-width: 100%; /* Ajusta a largura do container de descrição */
    text-align: left; /* Alinha o texto à esquerda para melhor legibilidade */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.especialidades .descricao ul li {
    font-size: 22px;
    margin-bottom: 15px;
    color: #333333; /* Cinza escuro */
    display: flex;
    align-items: center;
}
.especialidades .imagem {
    max-width: 100%; /* Ajusta a largura do container de imagem */
}

/*listas*/
.demandas-servicos {
    padding: 0px;
    background-color: #f9f9f9; /* Fundo leve e clean */
    text-align: center;
    
}
.container {
    display: block;
    gap: 20px;
    margin: 0 auto;
}

.quadrado {
    background-color: #faf8f3;
    margin:10px;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
   
}
/*formulario*/
.formulario-contato {
    padding: 0px;
   
}
.formulario-contato .formulario-descricao h2 {
    text-align: center;
    font-size: 34px;
    color: #423f3c;
    margin-bottom: 10px;
}
.formulario-contato .formulario-descricao p {
    text-align: justify;
    font-size: 22px;
    margin: 0;
    word-spacing: -1px;
    hyphens: auto;
}




}