/* Importa a fonte Quicksand diretamente do Google Fonts */
/*@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');*/

/* Fontes alternativas profissionais do Google Fonts (descomente para testar):
   Cada fonte possui dois passos:
   1. Descomentar a linha @import correspondente abaixo.
   2. Descomentar a variável --fonte-base correspondente no bloco :root.
*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap'); 
/* @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap'); Open Sans */
/*@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700&display=swap'); Montserrat */
/* @import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700&display=swap'); Source Sans Pro */
/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap'); Poppins */
/* @import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;500;700&display=swap'); Work Sans */
/* @import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700&display=swap'); Nunito */
/* @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;600;700&display=swap'); Raleway */
/* @import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap'); Oxygen */

/* Variável centralizada para facilitar a troca de fonte no futuro */
:root {
    /* --fonte-base: 'Quicksand', sans-serif;*/
    --fonte-base: 'Roboto', sans-serif;
    /* --fonte-base: 'Open Sans', sans-serif; */
    /* --fonte-base: 'Lato', sans-serif; */
    /* --fonte-base: 'Montserrat', sans-serif; */
    /* --fonte-base: 'Source Sans Pro', sans-serif; */
    /* --fonte-base: 'Poppins', sans-serif; */
    /* --fonte-base: 'Work Sans', sans-serif; */
    /* --fonte-base: 'Nunito', sans-serif; */
    /* --fonte-base: 'Raleway', sans-serif; */
    /* --fonte-base: 'Oxygen', sans-serif; */
}

/* Aplica a fonte globalmente, garantindo menor impacto no restante do código */
* {
    font-family: var(--fonte-base) !important;
}

#flash-container { position: fixed; top: 1rem; right: 1rem; z-index: 9999; }
.flash { padding: .5rem 1rem; border-radius: 4px; margin-bottom: .5rem; color:#fff; }
.flash-success { background:#28a745; }
.flash-danger { background:#dc3545; }
.fade-out { opacity:0; transition: opacity .5s ease-out; }