@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
/**
* font-family: "Montserrat", sans-serif;
*/

:root {
    --color-font-light: #ffffff;
    --color-font-dark: #1e386c;

    --color-primary: #1e386c;
    --color-secondary: #fcb53f;
    
    /*obs: utilizar cores com tonalidades diferentes das cores acima*/
    --color-primary-hover: #162a52;
    --color-secondary-hover: #df9d34;  

    --bg-content: #cee1eb;
}


* { font-family: "Montserrat", sans-serif; color: var(--color-font-dark); }
html, body { overflow: auto!important; scroll-behavior: smooth; }
a { color: var(--color-font-dark); text-decoration: none; }
a:hover, a:focus, a:active { text-decoration: none; }
input:focus, input:active,
select:focus, select:active,
textarea:focus, textarea:active {
    border-color: var(--color-secondary)!important;
    box-shadow: 0 0 0 0.2rem rgba(207,41,44,.25)!important;
}
.grecaptcha-badge { display: none!important; }
span.invalid-feedback { display: block !important; color: #b3261e !important; font-weight: 500; } /*Jquery Validade Message*/



/* MENSAGEM ALERT AJAX e FLASHDATA */
.msg_flashdata { position: fixed; z-index: 9999; top: 10px; right: 10px; max-width: 600px; }
.msg_status { position: fixed; z-index: 9999; top: 10px; right: -600px; max-width: 600px; }
.msg_flashdata .alert,
.msg_status .alert { font-size: 1.25rem; display: flex; align-items: center; justify-content: space-between; padding-right: 1rem; }
.msg_flashdata .alert button ,
.msg_status .alert button  { font-size: 2.3rem; border: 0; background: transparent; }
.msg_flashdata .alert button span,
.msg_status .alert button span { font-size: 2.3rem; }

@media(max-width:767px) {
    .msg_status { top: 0; right: 0; width: 100%; }
}



/* ESTILO DE BOTÕES DENTRO DO TEMA */
.btn_theme_primary,
.btn_theme_secondary { animation: pulsante 1.5s infinite; transition: .3s !important; border-radius: 12px; padding: 12px 2rem; font-weight: 700; }

.btn_theme_primary { color: var(--color-font-light) !important; background-color: var(--color-primary) !important; }
.btn_theme_primary:hover { transition: .3s !important; transform: scale(1.02); background-color: var(--color-primary-hover) !important; }
.btn_theme_primary i { color: var(--color-font-light) !important; }

.btn_theme_secondary { color: var(--color-font-dark) !important; background-color: var(--color-secondary) !important; }
.btn_theme_secondary:hover { transition: .3s !important; transform: scale(1.02); background-color: var(--color-secondary-hover) !important; }
.btn_theme_secondary i { color: var(--color-font-dark) !important; }


.btn_pulsante { animation: pulsante 2s infinite; }
@keyframes pulsante { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } }