/* Altura mínima de 100% da tela para cada seção */
.scroll-section {
    min-height: 100vh;
    padding: 100px 0;
}


/* Foto redonda conforme solicitado */
.profile-img {
    width: 250px;
    height: 250px;
    border-radius: 50%; /* Faz a foto ficar redonda */
    object-fit: cover;
    border: 5px solid rgb(179, 124, 88);
}

/* Personalização dos Fundos */
#home {
    background: linear-gradient(135deg, #70807fde 0%, #d8dac998 100%);
}

#sobre {
    background-color: whitesmoke
}

#emdr {
    background: linear-gradient(to right, #ffffff, #e3f2fd);
}

#servicos {
    background-color: #2c3e50 !important;
}

#contato {
    background-color: #ffffff;
}

.placeholder-box {
    background-color: #b2dfdb;
    padding: 60px;
    border-radius: 20px;
    font-weight: bold;
    color: #00695c;
}

.text-center fw-bold mb-5 {
    background-color:whitesmoke;
}

.terapia{

    color:#000000d7 ;
    font-style: italic;
    font-weight: bold;

}



            
.p-4.border.rounded:hover{
    background-color: rgba(106, 106, 189, 0.692);
  cursor: pointer;
    
}


/* Suavidade na rolagem */
html {
    scroll-behavior: smooth;
}

.whatsapp-button {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 35px;
    box-shadow: 2px 2px 3px #999;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.3s ease; /* Transição suave */
  }

  .whatsapp-button:hover {
    background-color: #128c7e; /* Cor mais escura no hover */
    transform: scale(1.1);    /* Aumenta levemente */
    box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
  }

  #chat-container {
            width: 350px;
            height: 500px;
            background: rgba(104, 106, 223, 0.651);
            border-radius: 15px;
            box-shadow: 0 10px 25px rgba(0,0,0,0.1);
            display: flex;
            flex-direction: column;
            overflow: hidden;
        }

        /* Topo */
        #chat-header {
            background: var(--primary-color);
            color: rgba(20, 18, 18, 0.527);
            padding: 15px;
            text-align: center;
            font-weight: bold;
        }

        /* Área de Mensagens */
        #chat-box {
            flex: 1;
            padding: 15px;
            overflow-y: auto;
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .msg { padding: 10px; border-radius: 10px; max-width: 80%; font-size: 14px; line-height: 1.4; }
        .bot { background: #b9d1fab7; align-self: flex-start; border-bottom-left-radius: 2px; }
        .user { background: var(--accent-color); color: rgba(0, 0, 0, 0.76); align-self: flex-end; border-bottom-right-radius: 2px; }

        /* Opções de Dúvidas */
        #options-container {
            padding: 10px;
            background: rgba(87, 89, 189, 0.651);
            border-top: 1px solid #eee;
            display: flex;
            flex-wrap: wrap;
            gap: 5px;
        }

        .opt-btn {
            background: whitesmoke;
            border: 1px solid var(--accent-color);
            color: var(--accent-color);
            padding: 5px 10px;
            border-radius: 20px;
            cursor: pointer;
            font-size: 12px;
            transition: 0.3s;
        }

        .opt-btn:hover { background: var(--accent-color); color: rgb(10, 6, 6); }

        /* Botão WhatsApp */
        #whatsapp-link {
            display: block;
            text-align: center;
            background: var(--whatsapp-color);
            color: white;
            text-decoration: none;
            padding: 12px;
            font-weight: bold;
            transition: 0.3s;
        }

        #whatsapp-link:hover { opacity: 0.9; }