@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;700;900&display=swap');

body { font-family: 'Raleway', sans-serif; }

/* Global */
.fw-5 { font-weight: 500; }
.fw-7 { font-weight: 700; }
.fw-9 { font-weight: 900; }
.swal-footer { text-align: center; }
.swal-button { background-color: #CAAD68; }
.opacity-0 { opacity: 0; }
.text-justify { text-align: justify; }

.bg-blue-homma { background-color: #1E2057; }
.bg-gold-homma { background-color: #C9AD67; }
.bg-gray-homma { background-color: #434343; }
.bg-light-gray-homma { background-color: #D2D4D5; }

.btn-gold-homma { background-color: #C9AD67; border-color: #C9AD67; }
.btn-light-green { background-color: #BBF0E0; border-color: #BBF0E0; }
.btn-light-gray { background-color: #DCDDE1; border-color: #DCDDE1; }
.btn-orange { background-color: #EA5300; border-color: #EA5300; } 
.btn-light-blue { background-color: #0C88AA; border-color: #0C88AA; }

.text-blue-homma { color: #1E2057 !important; }
.text-gray-homma { color: #D2D4D5; }
.text-gold-homma { color: #C9AD67; }
.overlay-gold { background: rgba(30, 32, 87, 0.5); }

.nav-item .dropdown-menu { background-color: #C9AD67; }
.nav-item .dropdown-menu .dropdown-item:hover { background: #434343; }

header .dropdown-menu .dropdown-item { color: #1E2057; }
header .dropdown-menu .dropdown-item:hover { background: #434343; color: #FFFFFF; }

main { min-height: 468px; }

#sales-form { background: url(/img/venda-precatorio-federal.jpg); background-position: center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; }
.overlay { background-color: rgba(0, 0, 0, 0.5); }
.swal-text { text-align: center; }

.socials-blue .icon { display: inline-block; margin: 3px 6px 0px; width: 25px; height: 25px; border-radius: 50%; text-align: center; position: relative; z-index: 1; color: #1E2057; overflow: hidden; text-decoration: none; box-shadow: 0 0 0 2px rgba(30,32,87,1); -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s; -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s; transition: background 0.3s, color 0.3s, box-shadow 0.3s; }

/* Reset */
input:focus, 
select:focus { box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 25%)!important; }
button:focus { box-shadow: none!important; }
.bg-light { background-color: #FFF!important; }

/* Resetando CSS dos botões Next e Prev do Swiper */
.swiper-button-prev,
.swiper-button-next { background-image: none; top: initial; left: initial; right: initial; position: initial; margin-top: 0; width: initial; height: initial; }

/* Swiper Buttons */
.swiper-button-prev,
.swiper-button-next { display: inline-flex; justify-content: center; align-items: center; margin: 0 .5rem; width: 3rem; height: 3rem; border-radius: 50%; background: #C9AD67; color: #FFF; }
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled { background: #FFF; border: 1px solid #C9AD67; color: #C9AD67; opacity: 1; }

/* Navbar */
.navbar { height: 120px; }
.navbar .navbar-brand img { width: 12rem; }
.navbar .navbar-nav .nav-link { display: inline-block; padding: 0; margin: 0 1rem; color: #FFFFFF; }
.navbar .navbar-nav .nav-link:hover, 
.navbar .navbar-nav .nav-link:focus { color: #FFFFFF; }

.navbar .navbar-toggler.icon { background-color: transparent; position: relative; cursor: pointer; height: 34px; width: 34px; padding: 0; border: 0; }
.navbar .navbar-toggler.icon span { display: block; position: absolute; left: 0; width: 34px; height: 4px; border-radius: 5px; background-color: #C9AD67; -webkit-transition: -webkit-transform 0.3s; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
.navbar .navbar-toggler.icon span:first-child { top: 5px; }
.navbar .navbar-toggler.icon span:nth-child(2) { top: 15px; }
.navbar .navbar-toggler.icon span:last-child { top: 25px; }
.navbar .navbar-toggler.icon--active span:first-child { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 15px; }
.navbar .navbar-toggler.icon--active span:nth-child(2) { opacity: 0; }
.navbar .navbar-toggler.icon--active span:last-child { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: 15px; }
.navbar .navbar-toggler.icon-transition { -webkit-transition: -webkit-transform 0.3s; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }

@media(max-width: 1199px) {
    .navbar .navbar-collapse { background-color: #1E2057; position: fixed; top: 198px; bottom: 0; left: 100%; width: 100%; padding-top: .5em; overflow-y: auto; visibility: hidden; transition: .2s ease-in-out, -webkit-transform .2s ease-in-out; }
    .navbar .navbar-collapse.show { visibility: visible; transform: translateX(-100%); /* height: 100%; */ }
    .navbar .navbar-collapse .navbar-nav { padding-top: var(--bs-gutter-y,.75rem); padding-left: var(--bs-gutter-x,.75rem); padding-right: var(--bs-gutter-x,.75rem); }
    .navbar .navbar-nav .nav-link { margin: .5rem 0; }
}

@media(min-width: 576px) {
    .navbar .navbar-collapse .navbar-nav { margin: 0 auto; max-width: 540px; }
}

@media(min-width: 768px) {
    .navbar .navbar-collapse .navbar-nav { max-width: 720px; }
}

@media(min-width: 992px) {
    .navbar .navbar-collapse .navbar-nav { max-width: 960px; }
}

@media(min-width: 1200px) {
    .navbar .navbar-collapse .navbar-nav { max-width: initial; margin: initial; }
    .navbar .navbar-nav .nav-item:last-of-type .nav-link { margin-right: 0; }
}

/* Banner */
.banner { background-image: url('../img/banner-sede-homma.webp'); background-repeat: no-repeat; background-size: cover; background-position: center right 12%; }
.banner #title { height: 100vh; }

@media(min-width: 768px) {
    .banner h1 { padding: 0 1.5rem; }
    .banner h1 { padding: 0 1.5rem; }
}

@media(min-width: 992px) {
    .banner h1 { padding: 0 2.5rem; }    
}

/* Products */
#products .box { padding: 30px; box-shadow: 0px 0 5px rgba(30, 32, 87, 0.20); text-align: center; transition: 0.3s; height: 100%; }
#products .box img { padding: 30px 50px; transition: 0.5s; transform: scale(1.1); }
#products .box:hover { box-shadow: 0px 0 30px rgba(30, 32, 87, 0.20); }
#products .box:hover img { transform: scale(1); }

/* Footer */

.btn-floating { position: fixed; width: 60px; height: 60px; bottom: 25px; right: 25px; background-color: #434343; color: #FFF!important; border-radius: 50px; text-align: center; font-size: 30px; z-index: 100; }
.btn-floating i { font-size: 45px; margin-top: 5px; }

/* Section Title */
.section-header::before { content: ''; background-image: url(../img/favicon.png); background-repeat: no-repeat; background-size: contain; width: 50px; height: 50px; }

/* Button Animation */
.button { position: relative; display: inline-block; cursor: pointer; outline: none; border: 0; padding: 0; vertical-align: middle; text-decoration: none; background: transparent; }
.button.learn-more { width: 100%; background: #FFF; border-radius: 1.625rem; height: 38px; }
.button.learn-more .button-text { font-size: 1.1rem; font-weight: 700; text-align: center; text-transform: uppercase; color: #787878; }
.button.learn-more .circle { display: none; }

@media(min-width: 1200px) {
    .button.learn-more { width: 12rem; background: transparent; }
    .button.learn-more .circle { transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); position: relative; display: block; margin: 0; width: 2.375rem; height: 2.375rem; background: #FFF; border-radius: 1.625rem; }
    .button.learn-more:hover .circle { width: 100%; }
    .button.learn-more .circle i { transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); position: absolute; top: 0; bottom: 0; left: 0.625rem; width: 1.125rem; height: 1.125rem; margin: auto; font-size: 1.1rem; color: #787878; }
    .button.learn-more:hover .circle i { transform: translate(1.8rem, 0); }
    .button.learn-more .button-text { transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 0.398rem 0; margin: 0 0 0 2.375rem; color: #FFF; font-size: 1.1rem; font-weight: 700; text-align: center; text-transform: uppercase; }
    .button.learn-more:hover .button-text { color: #787878; }
}

/* Socials */
.socials .icon { display: inline-block; margin: 3px 6px 0px; width: 25px; height: 25px; border-radius: 50%; text-align: center; position: relative; z-index: 1; color: #ffffff; overflow: hidden; text-decoration: none; box-shadow: 0 0 0 2px rgba(255,255,255,1); -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s; -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s; transition: background 0.3s, color 0.3s, box-shadow 0.3s; }

.socials .icon::before { display: block; font-size: 15px; line-height: 25px; -webkit-font-smoothing: antialiased; }
.socials .icon.icon-brands::before { font-family: "Font Awesome 5 Brands"; }
.socials .icon.icon-free::before { font-family: "Font Awesome 5 Free"; font-weight: 900; }

.socials .icon.instagram::before { content: "\f16d"; }
.socials .icon.facebook::before { content: "\f39e"; }
.socials .icon.youtube::before { content: "\f167"; }
.socials .icon.linkedin::before { content: "\f08c"; }

.socials .icon:hover { color: #ffffff; background: #1E2057; box-shadow: 0 0 0 4px rgba(255,255,255,0.3); }
.socials .icon:hover::before { animation: toBottomFromTop 0.3s forwards; -moz-animation: toBottomFromTop 0.3s forwards; -webkit-animation: toBottomFromTop 0.3s forwards; }