.header-container { background-image: url(../img/banner-topo-fixo.jpg); background-position: top; background-size: cover; }

header.navbar { padding-top: 1rem; padding-bottom: 1rem; background: var(--color-bg-header); }
header.navbar h1 span { position: absolute; top: -9999px; left: -9999px; text-indent: -9999px; }
header.navbar .img-fluid { max-width: 300px; }


header #menuHeader .navbar-nav { align-items: center; }
header #menuHeader .nav-item { padding: 0 10px; }
header #menuHeader .nav-item a { font-size: 1rem; color: var(--color-font-light); text-transform: uppercase; }
header #menuHeader .dropdown-toggle::after { vertical-align: middle; color: var(--color-secondary); font-size: 1.5rem; }

header #menuHeader .dropdown-menu { padding: 1rem; border-radius: 1.15rem; border: 0; background: var(--color-secondary); }
header #menuHeader .dropdown-menu a { color: var(--color-font-dark); text-transform: uppercase; font-weight: 700; font-size: .85rem; }
header #menuHeader .dropdown-menu a i { font-size: .5rem; margin-right: 5px; width: 5px; height: 5px; display: inline-flex; align-items: center; justify-content: center; }
header #menuHeader .dropdown-menu .dropdown-item:hover { background: transparent; color: var(--color-font-light); }
header #menuHeader .dropdown-menu .dropdown-item:hover i { color: var(--color-font-light); }
/* Button Fale Conosco */
header #menuHeader li.btn_theme_secondary { border-radius: 3rem !important; padding: 0px 1.2rem !important; }
header #menuHeader li.btn_theme_secondary a { color: var(--color-font-dark) !important; font-weight: bold !important; }
/* Button Hamburguer */
header#header .navbar-toggler { background: transparent;  font-size: 2rem; }
header#header .navbar-toggler i { color: var(--color-font-light); }
header#header .btn-contato-mobile { display: none; }


/** Bloco "HEADER" */
#main-banner { padding-top: 5rem; padding-bottom: 4rem; }
#main-banner h2 { color: var(--color-font-light); font-weight: 700; font-size: 2.4rem; line-height: 1.1; margin: 2rem 0 2.5rem; }
#main-banner h2 span { color: var(--color-secondary); }
#main-banner p { color: var(--color-font-light); font-size: 1.3rem; font-weight: 500; }

#main-banner article { background: var(--color-font-light); padding: 2rem; border-radius: 2rem; }
#main-banner article h3 { font-weight: bold; text-align: left; font-size: 1.7rem; margin-bottom: 1.25rem; }
#main-banner article p { color: var(--color-font-dark); text-align: left; font-size: 1.25rem; line-height: 1.2; margin-bottom: 1.2rem; }
#main-banner article input:not([type="radio"]) { border: .125em solid var(--color-primary); margin-bottom: 10px; padding: .85rem 1rem; border-radius: 8px; color: var(--color-primary); font-weight: 500; }
#main-banner article input::placeholder { color: var(--color-primary); font-weight: 500; }
#main-banner article .radio-group { display: flex; gap: 10px; justify-content: space-between; margin: .6rem 0 1rem 0; }
#main-banner article .radio-group .radio-option { display: flex; align-items: center; gap: 8px; }
#main-banner article .radio-group input[type="radio"] { appearance: none; width: 25px; height: 25px; border: 2px solid var(--color-primary); border-radius: 50%; outline: none; cursor: pointer; }
#main-banner article .radio-group input[type="radio"]:checked { background-color: var(--color-primary); position: relative; }
#main-banner article .radio-group input[type="radio"]:checked::before { content: ''; position: absolute; width: 10px; height: 10px; background-color: white; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#main-banner article .radio-group label { font-size: 16px; cursor: pointer; font-weight: 500; }
#main-banner article .btn_theme_secondary { color: var(--color-font-dark) !important; font-weight: bold; width: 100%; border-radius: 3rem; padding: 12px 1.5rem !important; }


@media(max-width:1399px) {
    #main-banner article .radio-group { flex-direction: column; }
}
@media(max-width:1199px) {
    header #menuHeader .nav-item { padding: 0 8px; }
    header #menuHeader .nav-item a { font-size: .9rem; }
    header #menuHeader li.btn_theme_secondary { padding: 0px 1rem !important; }

    #main-banner article { padding: 2rem 1.5rem; }
    #main-banner article h3 { font-size: 1.5rem; }
    #main-banner article p { font-size: 1.1rem; }
}
@media(max-width:991px) {
    header#header .navbar-mobile { display: flex; align-items: center; }
    header#header .navbar-mobile .btn-contato-mobile { display: inline; color: var(--color-font-dark) !important; font-weight: bold; border-radius: 3rem; padding: 8px 1.25rem !important; font-size: .9rem; }

    header #menuHeader { background: var(--color-primary); padding: 1rem; border-radius: 1rem; }
    header #menuHeader .nav-item { padding: 0 15px; width: 100%; z-index: 1; }
    header #menuHeader li.btn_theme_secondary { background: transparent !important; }
    header #menuHeader li.btn_theme_secondary a { color: var(--color-font-light) !important; }

    #main-banner h2 br, #main-banner p br { display: none; }
    #main-banner h2 { font-size: 1.7rem; }
    #main-banner p { font-size: 1.2rem; }
    #main-banner article { padding: 1.75rem 1.25rem; }
    #main-banner article .btn_theme_secondary { padding: 12px .6rem !important; }
}
@media(max-width:767px) {
    #main-banner { padding-top: 1rem; padding-bottom: 10rem; text-align: center; }
    #main-banner .form-container { position: absolute; left: 0; top: 27rem; width: 80%; margin: 0 10%; }
    #main-banner article { border-radius: 1.5rem; box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.3); }
}
@media(max-width:575px) {
    #main-banner .form-container { width: 90%; margin: 0 5%; }
    #main-banner h2 { font-size: 1.6rem; }
    #main-banner p { font-size: 1rem; }
}
@media(max-width:449px) {
    #main-banner .form-container { width: 94%; margin: 0 3%; }
    #main-banner { padding-top: 0rem; }
    #main-banner h2 { font-size: 1.45rem; }
    #main-banner article { padding: 1.5rem 1rem; }
    #main-banner article h3 { font-size: 1.1rem; }
    #main-banner article p { font-size: .9rem; }
    #main-banner article .radio-group label { font-size: 15px; }
}
@media(max-width:399px) {
    header#header .navbar-mobile .btn-contato-mobile { display: none; }
}