/* A estrutura de variáveis CSS está ótima e foi mantida. */
:root {
    --color-pink-primary: #E91E63;
    --color-pink-secondary: #C2185B;
    --color-pink-light: #FFEBEE;
    --color-pink-accent: #FF80AB;
    --color-pink-hover: #F06292;
}
.bg-pink-primary { background-color: var(--color-pink-primary); }
.text-pink-primary { color: var(--color-pink-primary); }
.bg-pink-secondary { background-color: var(--color-pink-secondary); }
.text-pink-secondary { color: var(--color-pink-secondary); }
.bg-pink-light { background-color: var(--color-pink-light); }
.bg-pink-accent { background-color: var(--color-pink-accent); }
.hover\:bg-pink-hover:hover { background-color: var(--color-pink-hover); }
.border-pink-accent { border-color: var(--color-pink-accent); }
.text-pink-accent { color: var(--color-pink-accent); }

body {
    font-family: 'Inter', sans-serif;
}
h1, h2, h3 {
    font-family: 'Inter', sans-serif;
}

/* NOVA FONTE PARA O LOGOTIPO */
.font-logo {
    font-family: 'Dancing Script', cursive;
}

/* ATUALIZADO: O caminho da imagem foi corrigido para incluir a pasta "imagens" */
.hero-section {
    background-image: url('../imagens/outubro.jpg');
    /* ...outros estilos... */

    background-size: cover;
    background-position: center;
}

/* CSS do Chatbot integrado */
.chat-window::-webkit-scrollbar { width: 8px; }
.chat-window::-webkit-scrollbar-track { background: #f1f5f9; border-radius: 10px; }
.chat-window::-webkit-scrollbar-thumb { background: #f472b6; border-radius: 10px; }
.chat-window::-webkit-scrollbar-thumb:hover { background: #ec4899; }
.typing-indicator span {
    height: 8px;
    width: 8px;
    background-color: #94a3b8;
    display: inline-block;
    border-radius: 50%;
    animation: typing-animation 1.2s infinite ease-in-out;
}
.typing-indicator span:nth-child(2) { animation-delay: -1.0s; }
.typing-indicator span:nth-child(3) { animation-delay: -0.8s; }
@keyframes typing-animation {
    0%, 80%, 100% { transform: scale(0); }
    40% { transform: scale(1.0); }
}
.suggestion-btn, .gemini-btn {
    transition: all 0.2s ease-in-out;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
.suggestion-btn:hover, .gemini-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}