@font-face { 
    font-family: 'Proxima Nova'; 
    font-weight: 200; 
    font-style: normal; 
    src: url('../../fonts/proxima_nova_thin-webfont.woff2') format('woff2'), 
         url('../../fonts/proxima_nova_thin-webfont.woff') format('woff');  
    font-display: swap;
}

@font-face { 
    font-family: 'Proxima Nova'; 
    font-weight: 300; 
    font-style: normal; 
    src: url('../../fonts/proxima_nova_light-webfont.woff2') format('woff2'), 
         url('../../fonts/proxima_nova_light-webfont.woff') format('woff');  
    font-display: swap;
}

@font-face { 
    font-family: 'Proxima Nova'; 
    font-weight: 400; 
    font-style: normal; 
    src: url('../../fonts/proxima_nova_regular-webfont.woff2') format('woff2'), 
         url('../../fonts/proxima_nova_regular-webfont.woff') format('woff');  
    font-display: swap;
}

@font-face { 
    font-family: 'Proxima Nova'; 
    font-weight: 500; 
    font-style: normal; 
    src: url('../../fonts/proxima_nova_semibold-webfont.woff2') format('woff2'), 
         url('../../fonts/proxima_nova_semibold-webfont.woff') format('woff');  
    font-display: swap;
}

@font-face { 
    font-family: 'Proxima Nova'; 
    font-weight: 600; 
    font-style: normal; 
    src: url('../../fonts/proxima_nova_bold-webfont.woff2') format('woff2'), 
         url('../../fonts/proxima_nova_bold-webfont.woff') format('woff');  
    font-display: swap;
}

@font-face { 
    font-family: 'Proxima Nova'; 
    font-weight: 700; 
    font-style: normal; 
    src: url('../../fonts/proxima_nova_extrabold-webfont.woff2') format('woff2'), 
         url('../../fonts/proxima_nova_extrabold-webfont.woff') format('woff');  
    font-display: swap;
}

@font-face { 
    font-family: 'Proxima Nova'; 
    font-weight: 800; 
    font-style: normal; 
    src: url('../../fonts/proxima_nova_black-webfont.woff2') format('woff2'), 
         url('../../fonts/proxima_nova_black-webfont.woff') format('woff');  
    font-display: swap;
}


body { text-align: center;}
body, td { color: #304148; font-weight: 400; font-family: "Proxima Nova","Segoe UI","Roboto","Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}
body > section > .container { padding-left: 8%; padding-right: 8%; }
a, h1, h2, h4 { color: #006CB2; transition: 0.3s;}
a:hover { color: #297aba;}
h1, h2 { line-height: 100%;}
hr { border-top-color: #ffffff; opacity: 0.75;}
section strong { font-weight: 600;}

.btn { border-radius: 12px; padding-left: 30px; padding-right: 30px; font-weight: 500; min-width: 200px; }
.btn-primary { padding: 12px 30px; background-color: #006CB2; border-color: #006CB2;}
.btn-primary:hover { background-color: #297aba; border-color: #297aba;}
.btn-secundary { padding: 12px 30px; background-color: #f8f8f8; border-color: #ffffff; color: #006CB2;}
.btn-secundary:hover { background-color: #ffffff; border-color: #ffffff;}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active { background-color: #EBA446; border-color: #EBA446;}
.btn-whatsapp { background-color: #25d366 !important; border-color: #25d366 !important; padding: 14px 30px 10px 30px;}
.btn-whatsapp:hover { background-color: #2bf978 !important; border-color: #2bf978 !important; }
.btn-whatsapp::before { content: "\f232"; font-family: "Font Awesome 6 Brands"; margin-right: 6px; font-size: 1.65em; -webkit-font-smoothing: antialiased; display: var(--fa-display,inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; vertical-align: middle; position: relative; top:-2px; }
.breadcrumb-item+.breadcrumb-item::before,
.breadcrumb-item, .breadcrumb-item.active { color: #757575; font-size: 0.9rem;}
.breadcrumb-item.active { font-weight: 500;}
.swiper-button-prev { background-image: url('../../img/swiper_prev.webp');}
.swiper-button-next { background-image: url('../../img/swiper_next.webp');}
.swiper-slide img { width: 100%; height: auto;}
.justify-content-between .swiper-container { width: 100% !important; max-width: 100% !important;}
.justify-content-between .swiper-wrapper { justify-content:space-between;}
.accordion .collapsed { background-color: #4e5b61; color: #FFF; }
.accordion-item { border:none; margin-bottom: 10px; border-radius: 0 !important;}
.accordion-button { border-radius: 0 !important; font-weight: 500;}
.accordion-button:focus { box-shadow: none; }
.accordion-button:not(.collapsed) { box-shadow: none; background-color: #EBA446; color: #FFF;}
.accordion-button::after { display: inline-block; content: ""; border-top: 0.35em solid; border-right: 0.35em solid transparent; border-bottom: 0; border-left: 0.35em solid transparent; background: none; width: auto; height: auto; }
.accordion-body { background-color: #f6f7f7;}
.form-control, .form-control:focus, .form-select, .form-select:focus { background-color: #f5f6f7; border-radius: 0; border-color: #f5f6f7; color: #818e95;}
.form-floating label, form { color: #818e95}
.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label { color: #304148; font-size: 0.9rem;}
.form-floating>.form-control-plaintext~label::after, .form-floating>.form-control:focus~label::after, .form-floating>.form-control:not(:placeholder-shown)~label::after, .form-floating>.form-select~label::after { background: transparent;}
.form-floating.empty label { color: #818e95; transform:none; font-size: 1rem;}
.form-floating input[type=file] { color:transparent; position: relative;}
.form-floating input[type=file]::before { content: 'Anexar arquivo (Formato PDF)'; display: inline-block; height: 63px; line-height: 63px; background-color: #f5f6f7; color: #818e95; padding: 0 .75rem; outline: none; white-space: nowrap; -webkit-user-select: none; cursor: pointer; position: absolute; left: 0; top: 0; }
.form-floating input[type=file]::after { content: "\f0c6"; font:normal 900 1em/1 'Font Awesome 6 Free'; color: #818e95; -webkit-font-smoothing: antialiased; display: var(--fa-display,inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; position: absolute; right: 24px; top: 22px; }
.dropdown.select button { padding-left: 1rem; padding-right: 1rem;}
.dropdown.select button::after { float: right; border-width: 0.45em; margin-top: 8px;}
.dropdown.select ul { position: relative !important; transform: none !important; border-radius: 0; background-color: #f6f7f7;}
.dropdown.select a:hover { color: #006CB2; background: transparent;}
.page-link { color: #304148; border-color: #304148 !important; width: 42px; height: 42px; text-align: center; font-weight: 500; padding: 0; line-height: 42px; }
.page-link.icon { font-size: 1.5rem; line-height: 38px; }
.page-link:hover { background-color: #f5f6f7;}
.active>.page-link, .page-link.active { background-color: #006CB2; border-color: #006CB2;}

.bg-grey { background-color: #f5f6f7;}
.bd-grey { border: 10px solid #e3e5e7;}
.txt-grey { color: #304148;}
.source { border-top: 1px solid #304148; border-bottom: 1px solid #304148; padding: 18px 0; margin: 50px 0;} 
.source a { color:#304148; text-decoration: none; display: block; background: url('../../img/ico_link.webp') right center no-repeat; width: 99%;} 
.source a:hover { color: #006CB2; background-image: url('../../img/ico_link_hover.webp');} 
.title { margin-top: 20px;}
.title h1 + p { color: #788388; font-size: 1.2rem; line-height: 110%;}

#logo { max-width: 150px; position: relative; top: 0px;}
header { padding: 10px 0; width: 100%; background-color: #006CB2; height: 100%; z-index: 100;} 
header .offcanvas-header, header .offcanvas-body, header .navbar-nav { width: 100%;}
header .navbar-brand, header .navbar-brand:hover { color: #FFF;}
header .navbar-brand em { font-size: 0.78rem; position: relative; top:5px; left: 5px;}
header .navbar-toggler { border:none}
header .nav-link, header .dropdown-item  { color: #ffffff;}
header .dropdown-toggle::before { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; margin-right: 10px; }
header .navbar-nav > .dropdown > .dropdown-toggle::before, header .dropdown-toggle::after { display: none;}
header .navbar-nav > .dropdown > .dropdown-menu { border:none}
header .navbar-nav > .dropdown > .dropdown-menu > li > .dropdown-item { padding-left: 1.15rem; padding-right: 1.5rem; min-width: 190px;}
header .navbar-nav .dropdown-menu .dropdown-menu { position: relative; border: none; padding-left: 1rem; padding-top: 0;}
header .navbar-nav .dropdown-menu .dropdown-menu .dropdown-item { padding-top: 0.1rem; padding-bottom: 0.1rem;}
header .dropdown-item:focus, header .dropdown-item:hover, header .dropdown-item.show { background: transparent !important; color: #ffffff;}
header .dropdown-item.active, header .dropdown-item:active { background: transparent !important;}
header .dropdown-toggle.show, header .navbar-nav .nav-link.show { font-weight: 500;}
header .dropdown.has-submenu .dropdown-item { margin-left: 22px;}
header .dropdown.has-submenu .dropdown-item.dropdown-toggle { margin-left: 0;}
header .ms-lg-3 { margin-right: 1rem;}
header .header_social li{ list-style: none; }
header .header_social ul{ padding: 0 10px; margin:  0; }
header .header_social li img{ width:  35px; }

footer { padding: 50px 0 0 0;}

footer .card_noticia { position: relative; z-index: 1; border-radius: 45px; overflow: hidden; transition: transform 0.3s ease;}
footer .card_noticia::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: inherit; background-size: cover; background-position: center; transition: transform 0.3s ease; z-index: -1;}
footer .card_noticia:hover::before { transform: scale(1.5);}
/* footer .card_noticia::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #006CB2; opacity: .5; z-index: 2;  border-radius: 45px;} */
footer .card_noticia .container { color: #ffffff; z-index: 3;}
footer .card_noticia_title {  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
footer .card_noticia .container h4{ color: #ffffff;}

footer .footer-noticias {padding-bottom: 50px;}
footer .footer { padding: 50px 0;}
footer .footer .row .container { height: 100%;}
footer .footer h5 { color: #ffffff;}
footer .footer ul { padding: 0;}
footer .footer li { color: #fff; list-style: none;}
footer .footer a{ text-decoration: none; color: #ffffffbe;}
footer .footer a:hover {color: #fff;}
footer .footer .footer_social { gap: 10px;}
footer .footer img { margin-bottom: 30px;}
.copy { background-color: #0d4468; padding: 30px 0; color: #ffffff;}
.copy p { margin: 0;}
.copy a { color: #06427D; text-decoration: underline;}

#banner.carousel-dark .carousel-indicators [data-bs-target] { width: 14px; height: 14px; background-color: transparent; border: 2px solid white; margin: 0 5px; opacity: 1; border-radius: 50px; }
#banner.carousel-dark .carousel-indicators [data-bs-target].active { background-color: white;}

#home-sobre{ padding-top:100px;background-color:#f3f3f5}
#home-sobre .col-md-6 { position: relative;}
#home-sobre .img-box{   height: 50%; width: 50%; background-color: #006cb2; opacity: 0.4; position: absolute; z-index: 1; top: -20px; left: -10px;}
#home-sobre img{width:100%; position:relative; z-index: 2; box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);}
#home-sobre h2{ color: #006cb2; text-decoration: underline;}
#home-sobre p{ color: #006cb2; margin-top: 30px; text-align: justify;}
#home-sobre .col-md-12 { margin: 100px 0;}
#home-sobre .btn { box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);}

#numeros {  background-image: linear-gradient(to bottom, #006cb2 0, #006cb2 50%, #f3f3f5 50%);  position: relative; z-index: 1;}
#numeros::after {  content: '';  position: absolute;  top: 50%;  left: 0;  width: 100%;  height: 10px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent); z-index: 2;}

#numeros .row {  background-color: white; border-radius: 12px; box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.45); position: relative; z-index: 3; /* Garante que o .row esteja acima do sombreamento */}
#numeros .numeros-box { display: flex; flex-direction: column; align-items: center; margin: 30px 0;}
#numeros .dash { border-right: 1px solid gray;}

#home-produtos { padding: 100px 0; background-color: #006CB2;}
#home-produtos h2 { text-decoration: underline; margin-bottom: 40px;}
#home-produtos a { text-decoration: none;}
#home-produtos .produto_card { display: flex; align-items: flex-end; position: relative; overflow: hidden; border-radius: 12px; box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);}
#home-produtos .produto_card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.3s ease; z-index: 1;}
#home-produtos .produto_card:hover::before { opacity: 1;}
#home-produtos .produtos_texto {  background-color: #f3f3f5; color: #006CB2; width: 100%; position: relative; z-index: 2;}
#home-produtos .produto_card div h5 { width: 95%; padding-top: 10px;}
#home-produtos .produto_card div p { width: 95%; display: none; opacity: 0; transform: translateY(20px); transition: opacity 0.3s ease, transform 0.3s ease;}
#home-produtos .produto_card:hover div p { display: block; opacity: 1; transform: translateY(0);}

#min_banner .min_banner_img { position: relative;}
.mini_banner_home .min_banner_img::before  { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #006cb2; opacity: .5; transition: opacity 0.3s ease; z-index: 1;}
#min_banner .container { height: 100%; position: relative; z-index: 99;}
#min_banner .container h2{ color: white;}
#min_banner .container .btn{ box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);}

#categorias { background-color: #006CB2; padding: 100px 0;}

#categorias .categoria_img { height: 100%; width: 100%; background-size: cover; background-position: center; border-radius: 12px; position: relative; transition: transform 0.3s ease; overflow: hidden; z-index: 1; box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);}
#categorias .col-md-3 a { z-index: 4; display: none;}
#categorias .categoria_img::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0); transition: opacity 0.3s ease; z-index: 2;}
#categorias .categoria_img:hover::before { background-color: rgba(0, 0, 0, 0.5); transition: opacity 0.3s ease;}
#categorias .categoria_img:hover { transform: scale(1.05);}
#categorias .categoria_img:hover a{ display: block;}
#categorias .col-md-3 { color: #fff; margin-bottom: 30px; }
#categorias .produtos_texto { text-align: center; padding-top: 15px; font-size: 20px; font-weight: bold;}
#categorias .produtos_texto h5 { margin: 0;}
#categorias .produtos_texto p{ font-size: 20px; font-weight: bold;}

/* .sobre_min_banner .min_banner_img { position: relative;}
.sobre_min_banner .min_banner_img::before { content: ""; position: absolute; width: 100%; height: 100%; z-index: 2; background-color: #0000008a; box-sizing: border-box;} */

#sobre { background-color: #006CB2; color: #ffffff;}
#sobre .col-md-12{ margin: 100px 0 100px 0;}

#produtos { background-color: #006CB2;}
#produtos h5 { color: #ffffff; margin-bottom: 50px; text-align: center;}
#produtos a{ color: #ffffff; text-decoration: none;}
#produtos a:hover{ color: #aa9a9a;}
#produtos p{ color: #ffffff;}
#produtos .container { padding-top: 100px; padding-bottom: 100px;}
#produtos .galeria .row { margin-top: 50px; gap: 50px 0;}
#produtos .galeria .row .col-md-3 .galeria_iamgens{ position: relative; transition: all .3s; border-radius: 12px; box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);}
#produtos .galeria .row .col-md-3 .galeria_iamgens::before{ content: ''; position: absolute; height: 100%; width: 100%; background-color: #00000044; border-radius: 12px; left: 0;}
#produtos .galeria .row .col-md-3 .galeria_iamgens:hover{ transform: scale(1.05);}
#produtos .galeria .row .col-md-3 .galeria_iamgens:hover::before{ opacity: 0;}
#produtos .galeria .galeria_titulo { display: flex; justify-content: center; align-items: center; height: 100%;}
#produtos .galeria .galeria_titulo p{ color: #000000; z-index: 99;}

#produtos .lancamentos { margin-bottom: 80px;}
#produtos .lancamentos img{ display: block; max-width: 200px; width: 100%; margin: 0 auto;}
#produtos .lancamentos .lancamentos_item { text-align: center;}
#produtos .lancamentos .lancamentos_item h5 { text-align: center; margin: 10px 0 0 0; font-weight: 600;}
@media (max-width: 767px) {
 #produtos .lancamentos .lancamentos_item { margin-bottom: 40px;}
 #produtos .lancamentos .lancamentos_item:last-child { margin-bottom: 0;}
}

#noticias { padding: 100px 0; background-color: #006CB2;}
#noticias h2 { color: #fff;}
#noticias .row .col-md-10 h3 a{ color: #fff; text-decoration: none;}
#noticias .row .col-md-10 h3 a:hover{ color: #adadad; text-decoration: none;}
#noticias .row .col-md-10 h5,
#noticias .row .col-md-10 h6{ color: #fff; opacity: .8;}
#noticias .row{ margin-top: 100px; gap: 100px;}

#noticia *{ background-color: #006CB2; color: #fff;}
#noticia .btn{ border-color: #fff;}
#noticia .card-body { text-align: justify;}

.img-darken { width: 100%; height: 100%; object-fit: cover; filter: brightness(50%);}
.banner-text { position: absolute; bottom: 5%; left: 5%; color: white; font-size: calc(100% - 3px);}
.banner-text h2 { font-size: 2em; margin: 0;}
.banner-text p { font-size: 1.2em; margin: 10px 0 0;}


@media (max-width: 991px) {
    header .navbar-nav .nav-link.show, header .navbar-nav .nav-link:hover, header .navbar-nav .nav-link:focus { background: transparent !important; color: #006CB2;}
    header .navbar-nav > .dropdown > .dropdown-menu { padding-top: 0;}
    header .navbar-nav > .dropdown > .nav-link.show { padding-bottom: 0;}
    footer ul { margin: 30px 0}
    footer ul li { margin-bottom: 2px;}
    footer .logos { margin-bottom: 30px;}

    #home-sobre .col-md-5 { margin-top: 35px;}
    #home-sobre .col-md-12 { margin: 50px 0;}

    #home-produtos .col-md-3 { margin-bottom: 20px;}



    footer { padding: 50px 0 0 0;}
    footer .row { gap: 30px 0; justify-content: center}
    footer .col-md-7 { flex-direction: column}
    footer .col-md-7 .col-md-6 a{ display: flex; flex-direction: column; align-items: center; margin-bottom: 20px;}
    footer .col-md-8 { flex-direction: column;     width: 80%;}
    footer .col-md-4 ul{ padding: 0px;}
    
    #home-produtos { padding: 50px 0;}
}

@media (min-width: 576px) and (max-width:767px) {
    .container, .container-sm { max-width: 576px;}
    .over-grid { width: 110%; margin-left: -5%; }
}

@media (min-width: 640px) and (max-width:767px) {
    .over-grid { width: 130%; margin-left: -15%; }
}

@media (min-width: 768px) and (max-width:991px) {
    .over-grid { width: 120%; margin-left: -10%; }
}

@media (max-width: 289px) {
    header .navbar-brand em { display: none;}
}

@media (min-width: 992px) {
    body { text-align: left;}
    header .navbar .nav-link { color: white; font-weight: 500;}
    header .navbar .nav-link:hover { color: #a6adb0;}
    header .navbar .offcanvas { position: relative; top: -12px; }
    header .navbar .language { position: absolute; top: -35px; right:0;}
    header .navbar-brand em { top: -8px; font-size: 1rem;}
    header .navbar-nav > .dropdown:hover > .dropdown-menu { display: block; margin-top: -3px; border:none; border-top: 4px solid #a6adb0;}
    header .navbar-nav > .dropdown > .dropdown-menu > .dropdown-menu-arrow { top: -28px; left: 15%; width: 0; height: 0; position: relative; }
    header .navbar-nav > .dropdown > .dropdown-menu > .dropdown-menu-arrow:before, 
    header .navbar-nav > .dropdown > .dropdown-menu > .dropdown-menu-arrow:after { content: ""; position: absolute; display: block; width: 0; height: 0; border-width: 7px 8px; border-style: solid; border-color: transparent; z-index: 1001; }
    header .navbar-nav > .dropdown > .dropdown-menu > .dropdown-menu-arrow:after { bottom: -18px; right: -8px; border-bottom-color: #a6adb0; }
    header .navbar-nav > .dropdown > .dropdown-menu > .dropdown-menu-arrow:before { bottom: -17px; right: -8px; border-bottom-color: rgba(0,0,0,.15); }
}

@media (min-width: 1200px) {
    .h1, h1 { font-size: 3rem; }
    .title h1 + p { font-size: 1.5rem;}
    header { height: 100px;}
    header .navbar .offcanvas { position: relative; top: -5px; }
    header .navbar .language { position: absolute; top: -50px; right:0;}
    header .navbar-brand em { font-size: 1.3rem;}
}

@media (min-width: 1600px) {
    html, body, td { font-size: 1.1em;}
    .container { max-width:1400px;}
    header .container, footer .container { max-width: 86%;}
    header .navbar .offcanvas { position: relative; top: -10px; }
    header .dropdown.has-submenu .dropdown-item { margin-left: 25px;}
}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.dropdown-menu li{ position: relative; 	}
	.nav-item .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.nav-item .submenu-left{ 
		right:100%; left:auto;
	}
	.dropdown-menu > li:hover > .submenu{ display: block; }
}	
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
  .dropdown-menu .dropdown-menu{
      margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
  }
}	
/* ============ small devices .end// ============ */