@import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@1,700;1,800;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/**
* font-family: "Montserrat", sans-serif;
* font-family: "Montserrat Alternates", sans-serif;
*/

:root {
    --color-font-light: #FFFFFF;
    --color-font-dark: #668291;
    
    --color-primary: #15d6d9;
    --color-secondary: #668291;

    --color-primary-hover: #12a8aa;
    --color-secondary-hover: #4b5f69;  

	--btn-whatsapp: #63be71;
	--btn-whatsapp-hover: #53a35f;
}



* { font-family: "Montserrat", sans-serif; color: var(--color-font-dark); }
html, body { overflow: auto!important; scroll-behavior: smooth; background-color: #f6fdff; }
a, a:hover, a:focus, a:active { text-decoration: none; }


.grecaptcha-badge { display: none!important; }
span.invalid-feedback { display: block !important; color: red !important; font-weight: 500; } /*Jquery Validade Message*/



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(231, 39, 42, 0.80)!important;
}



/* Estilo de Botões */
.button-primary,
.button-secondary { border-radius: 2rem; padding: 8px 25px; transition: .3s;  }

.button-primary { color: var(--color-font-light); background: var(--color-primary); }
.button-primary:hover { transition: .3s; background: var(--color-primary-hover); }

.button-secondary { color: var(--color-font-light); background: var(--color-secondary); }
.button-secondary:hover { transition: .3s; background: var(--color-secondary-hover); }

.btn-whatsapp-conversion svg { font-size: 1.6rem; margin-right: 10px; }
.btn-whatsapp-conversion svg path { color: var(--color-font-light); }




/* Estilo H2 Sections */
.title-default { color: var(--color-font-dark); font-style: italic; font-weight: 900; font-size: 3rem; }
@media(max-width:575px) { .title-default { font-size: 2.2rem; } }


/* SVG ONDAS */
.svg_header { position: absolute; top: 0; width: 100%; z-index: 2; }
.svg_header path { fill: #f6fdff; }

.svg_footer { position: absolute; bottom: 0; width: 100%; z-index: 2; }
.svg_footer path { fill: #f6fdff; } 



/* Footer - Fale Conosco */
footer {
    position: relative;
    background: url(../img/bg-footer.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 14rem;
    padding-bottom: 3rem;
}
footer * { color: var(--color-font-light) !important; }
footer p { font-size: 1.45rem; font-weight: 500; }
footer .footer-content { background: #0c4e80d1; padding: 2.5rem; border-radius: 2rem; }
footer .footer-content form { margin-right: 2rem; }
footer .footer-content .form-control { padding: .7rem .75rem; text-align: center; font-weight: 500; color: var(--color-font-dark) !important; }
footer .footer-content .btn { padding: 9px 45px !important; font-size: 1.25rem; }
footer .contato { padding-top: 2rem; padding-bottom: 2rem; }
footer .contato a { font-size: 1.2rem; padding-bottom: 1rem; display: flex; align-items: center; }
footer .contato a i { font-size: 1.8rem; margin-right: 10px; }
footer .contato a i { color: var(--color-primary) !important; }
footer .contato p { font-size: 1.1rem; margin-bottom: .75rem; text-align: left; }
footer .social img { max-height: 55px; margin-right: 1.5rem; transition: .3s; }
footer .social a:hover img { transition: .3s; transform: scale(1.15); }
footer .copyright { margin-top: 4rem; }
footer .copyright p { font-size: 1rem; }
footer .button-up { position: absolute; right: 7rem; bottom: 2.5rem; border-radius: 10px; font-size: 1.6rem; padding: 10px 20px; }

footer .whatsapp-conversion-content { position: relative; padding-top: 1.5rem; padding-bottom: 3rem; }
footer .btn-whatsapp-conversion { 
    background-color: var(--btn-whatsapp) !important;
    transform: translate(-50%, -50%); 
    animation: jump 2s infinite alternate; 
    position: absolute;
    bottom: 0%;
    left: 50%;
    border: 1px solid #ebf6fc;
    padding: 16px 3rem !important;
    font-size: 1.3rem;
    font-weight: bold;
    border-radius: 5rem !important;
    min-width: 410px !important;
}
footer .btn-whatsapp-conversion i { 
    font-size: 1.4rem;
    margin-right: 6px;
    color: var(--color-font-light) !important;
}
footer .btn-whatsapp-conversion:hover { 
    background-color: var(--btn-whatsapp-hover) !important; 
    color: var(--color-font-light) !important; 
}

footer .session-obrigado * { color: #4b5f69 !important; }
footer .session-obrigado .alert { padding: 2rem 3rem; border-radius: 1rem; }
footer .session-obrigado h3 { font-weight: 700; font-size: 1.5rem; margin-bottom: 1rem; }
footer .session-obrigado p { font-size: 1.25rem; }
footer .session-obrigado .btn { color: var(--color-font-light) !important; }

@media(max-width:991px) {
    footer { padding-top: 10rem; }
    footer .footer-content form { margin-right: 1rem; }
    footer .contato a { font-size: 1.1rem; }
    footer .contato a i { font-size: 1.5rem; margin-right: 8px; }
    footer .social img { max-height: 50px; }
}
@media(max-width:767px) {
    footer .social { text-align: center; }  
    footer .footer-content form { margin-right: 0rem; }

    footer .session-obrigado h3 { font-size: 1.3rem; }
    footer .session-obrigado p { font-size: 1.1rem; }

    footer .button-up { right: inherit; left: 1rem; }
}
@media(max-width:575px) {
    footer { padding-top: 8rem; padding-bottom: 5rem; }
    footer p { font-size: 1.25rem; }
    footer .footer-content { padding: 2rem; margin: auto; }
    footer .button-up { bottom: 1.8rem; right: 6.5rem; left: initial; font-size: 1.25rem; padding: 8px 16px; }

    footer .session-obrigado .alert { padding: 2rem 2rem; }
}
@media(max-width:449px) {
    footer .footer-content { padding: 2rem 1rem; border-radius: 1.5rem; }
    footer .contato a { font-size: 1rem; word-break: break-word; }
    footer .contato a i { font-size: 1.3rem; }
    footer .social img { max-height: 40px; margin-left: .5rem; margin-right: .5rem; }

    footer .btn-whatsapp-conversion { 
        padding: 16px 1rem !important;
        font-size: 1.1rem;
        min-width: 94% !important;
    }

    footer .session-obrigado h3 { font-size: 1.2rem; }
    footer .session-obrigado p { font-size: 1rem; }
    footer .session-obrigado .alert { padding: 2rem 1.5rem; }
}