/******************************************/
/** General                              **/
/******************************************/

:root {
   --primary: #00384E !important;
   --secondary: #FF6A02;
   --secondaryLight: #FFF0E6;
   --secondary-search: #ff8649;
   --blueLight: #3CBEF1;
   --black: #000000;
   --gray: #555555;
   --light: #f2f2f2;
   --white: #ffffff;
   --textos: #687A80;
   --light-azure:#ECF9FE;
   --light-orange:#FFF0E6;
   --light-smoke:#F7F7F7;
   --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
   
}

*, *::before, *::after {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
}

@font-face {
   font-family: 'neo_sans_w1gregular';
   src: url('../fonts/fonnts.com-neo_sans_w1g-webfont.woff2') format('woff2'),
   url('../fonts/fonnts.com-neo_sans_w1g-webfont.woff') format('woff');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'neo_sans_w1gbold';
   src: url('../fonts/fonnts.com-neo_sans_w1g_bold-webfont.woff2') format('woff2'),
   url('../fonts/fonnts.com-neo_sans_w1g_bold-webfont.woff') format('woff');
   font-weight: normal;
   font-style: normal;
   
}

@font-face {
   font-family: 'neo_sans_w1gmedium';
   src: url('../fonts/neo_sans_w1g_medium-webfont.woff2') format('woff2'),
   url('../fonts/neo_sans_w1g_medium-webfont.woff') format('woff');
   font-weight: normal;
   font-style: normal;
   
}
html, body {
   min-height: 100vh;
   min-height: 100dvh;
   font-family: 'neo_sans_w1gregular' !important;
   font-weight: 400;;
   color: var(--textos) !important;
   background-color: var(--white);
}

/* strong{
font-weight: 600 !important;
color: var(--primary);
} */


/* NAVBAR
---------------*/

header{
   /* z-index:9999 !important; */
   width: 100%;
   z-index: 1000;
   background: transparent;
   transition: all 0.3s ease;
}

.navbar-dark .navbar-toggler-icon {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2030%2030'%3E%3Cpath%20stroke='rgba(255,255,255,1)'%20stroke-width='2'%20stroke-linecap='round'%20stroke-miterlimit='10'%20d='M4%207h22M4%2015h22M4%2023h22'/%3E%3C/svg%3E") !important;
}

#mainNav{ 
   background: transparent; 
   transition: ease all .3s;
}
/* .navbarShrink{ transition: ease all .3s; box-shadow: none;} */

.navbarTop {
   padding: 1rem;
   background: transparent;
   color: var(--white)!important;
   transition: all 0.3s ease;
}

.navbarTop ul li .nav-link {
   padding: 1rem;
   background: transparent;
   color: var(--white)!important;
   transition: all 0.3s ease;
}
.navbarMenu {
   padding: 2rem 0;
   background: transparent;
   transition: all 0.3s ease;
   box-shadow: none;
   text-align: center;
}
#mainNav .navbarMenu a {
   color: var(--white);
}

#mainNav.navbarShrink .navbarTop ul li a {
   color: var(--primary) !important;
}

#mainNav.navbarShrink .navbarTop{
   background: #eeeeee !important;
   color: var(--primary) !important;
}

#mainNav.navbarShrink .navbarMenu {
   background: #ffffff;
   padding: 1rem 0;
   color: var(--primary) !important;
   box-shadow: var(--bs-box-shadow);
}
#mainNav.navbarShrink .navbarTop a, #mainNav.navbarShrink .navbarMenu a {
   color: var(--primary);
}
#navbarMenu .nav-item a{
   color: var(--white) !important;
   font-size: 1rem !important;
   letter-spacing: 0.05em;
}
#navbarMenu .nav-item a:hover, #navbarMenu .nav-item a.active{
   color: var(--white) !important;
}

.custom-sub-menu:hover .dropdown-noticias {
   display: block !important;
   border: 1px solid #E2E8F0;
}


#mainNav.navbarShrink .navbarMenu a.nav-link:hover{
   color: var(--blueLight) !important;
}
.nav-dropdown-title{
   color: var(--blueLight) !important;
}

.nav-dropdown-link{
   transition: background-color 0.3s ease;
}

.nav-dropdown-link:hover{
   background-color: var(--light-azure) !important;
}

.dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active {
   color: var(--primary) !important;
   background-color: transparent !important;
}

/* Navbar item dropdown */
.custom-sub-menu:hover .dropdown-default, .custom-sub-menu:hover .dropdown-produtos-default {
   opacity: 1;
   visibility: visible;
   border: 1px solid #E2E8F0;
}

.custom-sub-menu .dropdown-default {
   display: block;
   left: 50% !important;
   transform: translateX(-50%) !important;
   min-width: 300px;
   max-width: 40%;
   width: auto !important;
   opacity: 0;
   visibility: hidden;
   transition: all 0.3s ease;
}

.custom-sub-menu .dropdown-produtos-default {
   display: block;
   min-width: 300px;
   max-width: 80%;
   left: 80%;
   translate: calc(10%);
   width: auto !important;
   opacity: 0;
   visibility: hidden;
   transition: all 0.3s ease;
}

.dropdown-mobile-default {
   display: flex !important;
   flex-direction: column;
   max-height: 0;
   overflow: hidden;
   content: "";
   transition: .5s all ease-in-out;
}

.dropdown-mobile-default.show {
   max-height: 600px;
}

.dropdown-toggle::after {
   transition: transform 0.5s ease;
}

.dropdown-toggle.show::after {
   transform: rotate(-180deg);
}

.custom-sub-menu > div a:hover {
   background: var(--light);
}

/* Custom dropdown navbar */

.dropdown-custom-lang {
   max-width: 30%;
   right: 0!important;
   translate: calc(-40%);
   
}

/* Navbar Mobile */
#mobileNav {
   z-index: 1500;
   transform: translateX(110%);
   transition: .2s linear;
   -o-transition: .2s linear;
   -moz-transition: .2s linear;
   -webkit-transition: .2s linear
}

#mobileNav.open {
   transform: translateX(0)
}


/* Search wrapper navbar */

.search-wrapper {
   position: relative;
   display: inline-block;
}

.search-wrapper .input-holder {
   position: relative;
   width: 3rem;
   height: 3rem;
   overflow: hidden;
   border-radius: 9999px;
   background-color: #ff8649;
   transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
   cursor: pointer;
}

.search-wrapper.active .input-holder {
   width: 340px;
}

.search-wrapper .input-holder .search-input {
   position: absolute;
   top: 0;
   left: 0;
   box-sizing: border-box;
   height: 3rem;
   width: 100%;
   border-style: none;
   background-color: transparent;
   padding-right: 3.25rem;
   padding-left: 1.25rem;
   color: var(--white);
   opacity: 0;
   outline: none;
   outline-offset: 0;
}

.search-wrapper.active .input-holder .search-input {
   opacity: 1;
}

.search-wrapper .input-holder .search-input::placeholder {
   color: var(--white) !important;
}

.search-wrapper .input-holder .search-icon {
   position: relative;
   z-index: 20;
   float: inline-end;
   display: flex;
   width: 3rem;
   height: 3rem;
   align-items: center;
   justify-content: center;
   border-radius: 9999px;
   background-color: var(--secondary);
   border: none;
   cursor: pointer;
   transition: all 0.5s ease;
}

.search-input-mobile::placeholder {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}


.search-wrapper .input-holder .search-icon:hover {
   background-color: var(--secondary);
}

@media (max-width: 1200px) {
   .search-wrapper.active .input-holder {
      width: 200px !important;
   }
}

/* Search wrapper navbar mobile */
.search-wrapper-mobile .input-holder-mobile .search-input-mobile::placeholder {
   color: var(--primary) !important;
}
.search-wrapper-mobile .input-holder-mobile .search-input-mobile {
   color: var(--primary) !important;
}


/* href to page*/
#duvidas {
   scroll-margin-top: 100px !important; /* altura da navbar */
}

/* Banner responsive */
.banner{
   margin-top: 134px;
}
@media (max-width: 990px){
   .banner{
      margin-top:44px !important;
   }
}

/* end ---*/


.socialIcons a{
   width: 56px !important;;
   height: 50px !important;;
}
.socialIcons a:before {
   position: absolute;
   z-index:0;
   content: '';
   width: 50px;
   height: 50px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   background-color: var(--secondary);
   transition: all .3s ease;
}
.socialIcons a:hover:before {
   background-color: var(--primary) !important;
   width: 45px;
   height: 45px;
}

/* end ---*/

/* HOME
---------------*/

#hero {
   height: 83vh;
   position: relative;
}

@media (max-width: 767px){
   #hero{
      height: 96vh !important;
   }  
   .navbarMenu{
      text-align: start;
   }
}

@media (max-width: 767px){
   .heroContent{
      background-color: var(--white);
      border-top-left-radius: 1rem;
      border-top-right-radius: 1rem;
      padding-bottom: 10% !important;
   }
   .heroText{
      font-size: 1rem !important;
      color: var(--primary) !important;
   }
   .heroName{
      color: var(--primary) !important;
   }
}

/* paralaxx */

.parallax {
   margin-top:-100px;
   background-image: url("/img/temp/img-destaque.jpg");
   height: 750px;
   background-attachment: fixed;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}
@media (max-width: 1023.9px){
   .parallax{height: 350px !important;}
}

/* Banner Pagination */

.hero-pagination-container {bottom: 4em;}
@media (min-width: 992px) and (max-width: 1366px){
   .hero-pagination-container {bottom: 1.2em;}
}

.hero-pagination {color: var(--white);}

.hero-pagination.active {
   font-weight: 500;
   color: var(--secondary);
}

.hero-pagination > div {
   width: 100%;
   height: 4px;
   margin-bottom: .4rem;
   background-color: var(--border);
}

.hero-pagination.active > div {background-color: var(--primary);}

/* hero search */
.hero-search{
   height: 15%;
   border-radius: 30px 0 0 0;
}
.hero-search div, .hero-search form{
   background: rgba(255, 255, 255, 0.2);
   width:80%;
   height:50%;
   border-radius:99px;
}
.hero-search div input, .hero-search form input{
   box-shadow:none;
}
.hero-search div input::placeholder, .hero-search form input::placeholder {
   color: white !important;
}



.splide__arrow {
   -ms-flex-align: center;
   align-items: center;
   background: var(--white) !important;
   border: 0;
   border-radius: 50%;
   cursor: pointer;
   display: -ms-flexbox;
   display: flex !important;
   height: 2em;
   -ms-flex-pack: center;
   justify-content: center;
   opacity: .7;
   padding: 0;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   width: 2em;
   z-index: 1;
}

/* end ---*/



/* Products
---------------*/

.productCard:hover{
   box-shadow: var(--bs-box-shadow) !important;
}

.productCard {
   transition: all 0.3s ease;
}

.productCard.hide {
   display: none;
   opacity: 0;
   pointer-events: none;
}
/* end ---*/

/* Componentes expand */
.expand-collapse {
   transition: height 0.35s ease;
   overflow: hidden;
   display: block;
   height: 0;
}

.expand-collapse.show {
   height: auto;
}

.icon-down {
   transition: transform 0.3s ease;
}

.toggle-btn span {
   font-weight: 400;
}
.toggle-btn[aria-expanded="true"] .icon-down {
   transform: rotate(180deg);
}

.toggle-btn[aria-expanded="true"] span {
   font-weight: 700;
}

/* overlaping */
.overlaping-elemnents{
   margin-top: -200px !important;
   transform: translateY(+200px) !important;
}
.overlaping-container{
   padding-top: 260px !important;
}


/* Scroll button */

#scroll-button {
   opacity: 0;                  
   transform: translateY(50px);
   right: 30px;
   bottom: 20px;
   z-index: 1101;
   transition: all 0.5s ease-out;
   border: 3px solid var(--white);
}

#scroll-button.show {
   opacity: 1;
   transform: translateY(0);
}


/* HELPERS
---------------*/
@media (max-width: 550px){
   .imgMobile{
      height: 350px !important;
   }
}



/* Colors */
.text-primary {color: var(--primary) !important;}
.text-gray {color: var(--gray) !important;}
.text-blueLight {color: var(--blueLight) !important;}
.text-textos {color: var(--textos) !important;}
.text-secondary {color: var(--secondary) !important;}

.hover\:text-primary:hover {color: var(--primary) !important;}

.bg-primary {background-color: var(--primary) !important;}
.bg-secondary {background-color: var(--secondary) !important;}
.bg-secondaryLight {background-color: var(--secondaryLight) !important;}
.bg-blueLight {background-color: var(--blueLight) !important;}
.bg-lightSmoke {background-color: var(--light-smoke) !important;}
.bg-secondary-search {background-color: var(--secondary-search) !important;}
.bg-cover{background-size:cover !important; background-repeat:no-repeat !important;}
.bg-gradiant {background: linear-gradient(180deg, rgba(249, 249, 249, 0) 0%, #F2F2F2 100%) !important;}


/* Fonts */

.fs-7 {font-size: .95rem;}
.fs-8 {font-size: .8rem;}
.fs-9 {font-size: .7rem;}

/* Sizes */
.moreInfo:hover{
   /* padding: .25rem .5rem .25rem 1rem !important; */
   background-color: transparent;
   color:var(--primary) !important;
}
.moreInfo .moreInfoArrowBg{
   background-color: transparent !important;
}

.moreInfo:hover .moreInfoArrowBg{
   background-color: var(--secondary) !important;
}
.moreInfo:hover .moreInfoArrowBg .svgStroke{
   stroke: var(--white);
}

.w-fit {width: fit-content;}
.w-screen {width: 100vw; width: 100dvw;}
.h-screen {height: 100vh; height: 100dvh;}

/* Opacity */

.opacity-60{
   opacity: .6;
}

/* Cols 5 */
@media (min-width: 1200px) {
   .col-lg-2-4 {
      flex: 0 0 auto;
      width: 20%; 
   }
}

.gradient-overlay {
   position: relative;
   display: inline-block;
}

.gradient-overlay::after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(180deg, rgba(255,106,2,0.6), rgba(255,255,255,0.9));
}

.image-with-gradient::after {
   mix-blend-mode: multiply;
}

/* Components */

.icon-md {
   width: 30px;
   height: 30px;
   min-width: 30px;
   min-height: 30px;
}

.icon-lg {
   width: 40px;
   height: 40px;
   min-width: 40px;
   min-height: 40px;
}

/* Buttons */

.btn-secondary {
   --bs-btn-color: var(--white) !important;
   --bs-btn-bg: var(--secondary);
   --bs-btn-border-color: var(--secondary);
   --bs-btn-hover-color: var(--white) !important;
   --bs-btn-hover-bg: var(--primary);
   --bs-btn-hover-border-color: var(--primary);
   --bs-btn-active-color: var(--white) !important;
   --bs-btn-active-bg: var(--primary);
   --bs-btn-active-border-color: var(--primary);
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: var(--white);
   --bs-btn-disabled-bg: var(--white);
   --bs-btn-disabled-border-color: var(--white);
}

.btn-secondary:hover svg path[stroke="#FF6A02"] {
   stroke: var(--primary);
}


.btn.btn-outline-primary {
   --bs-btn-color: var(--blueLight) ;
   --bs-btn-bg: var(--white);
   --bs-btn-border-color: none !important;
   --bs-btn-hover-bg: var(--white);
   --bs-btn-hover-border-color: none !important;
   --bs-btn-active-color: var(--white) ;
   --bs-btn-active-bg: var(--blueLight);
   --bs-btn-active-border-color: var(--white);
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: var(--white);
   --bs-btn-disabled-bg: var(--white);
   --bs-btn-disabled-border-color: var(--white);
   position: relative;
   overflow: hidden;
   transition: color 0.5s ease;
   z-index: 1;
}


.btn-outline-light {
   --bs-btn-color: var(--primary) !important;
   --bs-btn-bg: var(--white);
   --bs-btn-border-color: var(--white);
   --bs-btn-hover-color: var(--primary) !important;
   --bs-btn-hover-bg: var(--light-azure);
   --bs-btn-hover-border-color: var(--light-azure);
   --bs-btn-active-color: var(--primary) !important;
   --bs-btn-active-bg: var(--light-azure) !important;
   --bs-btn-active-border-color: var(--light-azure) !important;
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: var(--white);
   --bs-btn-disabled-bg: var(--white);
   --bs-btn-disabled-border-color: var(--white);
}

.btn-outline-secondary-light {
   --bs-btn-color: var(--primary) !important;
   --bs-btn-bg: var(--white);
   --bs-btn-border-color: var(--white);
   --bs-btn-hover-color: var(--primary) !important;
   --bs-btn-hover-bg: var(--light-orange);
   --bs-btn-hover-border-color: var(--light-orange);
   --bs-btn-active-color: var(--primary) !important;
   --bs-btn-active-bg: var(--light-orange) !important;
   --bs-btn-active-border-color: var(--light-orange) !important;
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: var(--white);
   --bs-btn-disabled-bg: var(--white);
   --bs-btn-disabled-border-color: var(--white);
}

.btn-primary{
   --bs-btn-color: var(--white) !important;
   --bs-btn-bg: var(--blueLight);
   --bs-btn-border-color: var(--white);
   --bs-btn-hover-color: var(--white) !important;
   --bs-btn-hover-bg: var(--primary);
   --bs-btn-hover-border-color: var(--white);
   --bs-btn-active-color: var(--white) !important;
   --bs-btn-active-bg: var(--blueLight);
   --bs-btn-active-border-color: var(--white);
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: var(--textos);
   --bs-btn-disabled-bg: var(--white);
   --bs-btn-disabled-border-color: var(--white);
}

.btn-pagination{
   --bs-btn-color: var(--textos) !important;
   --bs-btn-bg: var(--white);
   --bs-btn-border-color: var(--white);
   --bs-btn-hover-color: var(--white) !important;
   --bs-btn-hover-bg: var(--blueLight);
   --bs-btn-hover-border-color: var(--white);
   --bs-btn-active-color: var(--white) !important;
   --bs-btn-active-bg: var(--blueLight);
   --bs-btn-active-border-color: var(--white);
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: var(--textos);
   --bs-btn-disabled-bg: var(--white);
   --bs-btn-disabled-border-color: var(--white);
}

.btn-video {
   background: rgba(255,255,255,0.2);
   backdrop-filter: blur(10px);
   border: 2px solid white;
   transition: all 0.3s ease;
}
.btn-video:hover {
   background: rgba(255,255,255,0.3);
   transform: scale(1.05);
}


/* pagination secondary */

.pagination-secondary .btn-pagination {
   --bs-btn-color: var(--textos) !important;
   --bs-btn-bg: var(--white);
   --bs-btn-border-color: var(--white);
   --bs-btn-hover-color: var(--white) !important;
   --bs-btn-hover-bg: var(--secondary);
   --bs-btn-hover-border-color: var(--white);
   --bs-btn-active-color: var(--white) !important;
   --bs-btn-active-bg: var(--secondary);
   --bs-btn-active-border-color: var(--white);
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: var(--textos);
   --bs-btn-disabled-bg: var(--white);
   --bs-btn-disabled-border-color: var(--white);
}

/* Style 2: Left to right expansion */
.btn-style-2::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 0;
   height: 100%;
   background-color: var(--blueLight) !important;
   transition: width 0.5s ease;
   z-index: -1;
}

.btn-style-2:hover::before {
   width: 100%;
}

/* Style 3: Right to left expansion */
.btn-style-3::before {
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   width: 0;
   height: 100%;
   background-color: var(--blueLight);
   transition: width 0.6s ease;
   z-index: -1;
}

.btn-style-3:hover::before {
   width: 100%;
}
/* Animations */

.transition-03 {
   transition: all linear .3s;
   -o-transition: all linear .3s;
   -moz-transition: all linear .3s;
   -webkit-transition: all linear .3s;
}
.transition-02 {
   transition: all linear .2s;
   -o-transition: all linear .2s;
   -moz-transition: all linear .2s;
   -webkit-transition: all linear .2s;
}

.transition-015 {
   transition: all linear .15s;
   -o-transition: all linear .15s;
   -moz-transition: all linear .15s;
   -webkit-transition: all linear .15s;
}

/******************************************/
/** Forms                                **/
/******************************************/

.form-select,
.form-control,
.input-group {
   border-radius: 8px;
   border: 1px solid #D9D9D9;
}

.input-group:active,
.input-group:focus,
.input-group:focus-within,
.form-select:active,
.form-select:focus,
.form-control:active,
.form-control:focus {
   box-shadow: none;
   border-color: var(--primary);
   background-color: transparent;
}

.input-group.disabled,
.form-control:disabled,
.form-select:disabled {
   border-color: #D9D9D9 !important;
   background-color: #D9D9D9 !important;
}

.form-check-input {
   min-width: 1em !important;
   min-height: 1em !important;
}

.form-check-input:checked {
   border-color: var(--primary) !important;
   background-color: var(--primary) !important;
}

.form-check-input:focus {
   box-shadow: none;
   border-color: #D9D9D9 !important;
}

::placeholder {
   opacity: 1;
   color: var(--gray) !important;
}
::-ms-input-placeholder {color: var(--gray) !important;}