/* style.css - ATUALIZADO MANUAL DA MARCA */
@import url('https://fonts.googleapis.com/css2?family=Baloo+Paaji+2:wght@400;600;700;800&family=Poppins:wght@300;400;500;600;700&display=swap');

:root {
    --fluir-lime: #D4DE6A;  /* */
    --fluir-mint: #35CC9B;  /* */
    --fluir-dark: #001817;  /* */
    --fluir-gray: #f4f6f5;  /* Um cinza levemente esverdeado para fundos claros */
}

body, html {
    font-family: 'Poppins', sans-serif; /* Fonte secundária para textos */
    color: var(--fluir-dark);
    scroll-behavior: smooth;
    overflow-x: hidden;
    width: 100%;
}

/* Títulos com a fonte da marca */
h1, h2, h3, h4, h5, h6, .font-display {
    font-family: 'Baloo Paaji 2', cursive; /* Fonte primária */
}

/* Gradiente Oficial */
.fluir-gradient { 
    background: linear-gradient(135deg, var(--fluir-lime) 0%, var(--fluir-mint) 100%); 
}

.text-gradient { 
    background: linear-gradient(135deg, var(--fluir-lime) 0%, var(--fluir-mint) 100%); 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
}

/* Sublinhado estilizado */
.fluir-underline {
    background-image: linear-gradient(135deg, rgba(212, 222, 106, 0.4) 0%, rgba(53, 204, 155, 0.4) 100%);
    background-repeat: no-repeat;
    background-size: 100% 30%;
    background-position: 0 85%;
    display: inline;
    padding-bottom: 2px;
}

.bg-topo {
    background-color: var(--fluir-gray);
}

.glass-premium { 
    background: rgba(255, 255, 255, 0.95); 
    backdrop-filter: blur(12px); 
    border-bottom: 1px solid rgba(0,24,23,0.05); 
}

.btn-pill { 
    border-radius: 9999px; 
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); 
}
.btn-pill:hover { 
    transform: scale(1.05); 
    box-shadow: 0 15px 30px rgba(53, 204, 155, 0.3); /* Sombra com cor Mint */
}

/* Inputs atualizados para cantos mais redondos (Baloo style) */
.input-field { 
    width: 100%; background: #ffffff; border: 1px solid #e2e8f0; 
    border-radius: 20px; padding: 16px 24px; outline: none; transition: all 0.3s; 
    color: var(--fluir-dark);
    font-family: 'Poppins', sans-serif;
}
.input-field:focus { 
    border-color: var(--fluir-mint); 
    box-shadow: 0 0 0 4px rgba(53, 204, 155, 0.1);
}