:root {
   --primary: #2D2D2F;
   --primaryHover: #000000;
   --secondary: #828C93 ;
   --secondaryHover: #62686d;
   --light: #f5f5f5;
   --text: #4a4949;
   --fontText:"Archivo", sans-serif;
}


*, *::before, *::after {
   margin: 0;
   padding: 0;
   box-sizing: border-box !important;
}

html, body {
   min-height: 100vh;
   min-height: 100dvh;
   color: var(--text) !important;
   background: linear-gradient(#ededed, #ffffff);
   font-family: var(--fontText) !important;
   font-weight: 400 !important;
   letter-spacing: 0.04rem;
   line-height: 1.8;
   font-style: normal;
   font-optical-sizing: auto;
   position: relative;
   -webkit-font-smoothing: antialiased;
   overflow-x: hidden !important;
}


.nav-link {
   font-weight: 500;
   font-size: 0.9rem !important;
   text-transform: uppercase ;
}

.nav-link:hover {
   color: #9b9b9b !important;
}
.nav-link.active  {
   position: relative;
   color: #000000 !important; font-weight: bold;;
}
@media (min-width: 992px){
   .nav-link.active:after  {
      content:'';
      width: 20px;
      height: 2px;
      background: #000000;
      position: absolute;
      bottom: 5px !important;
      left: 5px;
      transition: all .3s;
   }
}


@media (min-width: 992px) and (max-width: 1300px){
   .nav-link {
      font-size: 0.8rem !important;
   }   
}

@media (max-width: 768px){
   .nav-link, .nav-link.active {
      color:#ffffff !important
   }   
}

/* Footer
---------------*/
.back-to-top {
   color: #ffffff !important;
   position: fixed;
   z-index: 1000;
   height: 50px;
   width: 50px;
   right: 25px;
   bottom: 25px;
   background-color: #3f3e40;
}

/* end ---*/





/* Home
---------------*/

#hero {
   height: 90vh;
   height: 90dvh;
}
@media (min-width: 1024px){
   #hero {
      height:90vh;
      height: 90dvh;
   }
}

.splide__arrow {
   background: #ffffff !important;
   height: 2em;
   opacity: 1 !important;
}

#hero .splide__arrows.splide__arrows--ltr {
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: flex-start !important;
}
@media (max-width: 767px){
   #hero .splide__arrows.splide__arrows--ltr {
      margin-top: 25px !important;
   }
}

#hero .splide__arrow {
   left: 0;
   right: 0;
   position: relative;
   margin: 0 1rem 5rem 0;
}

#hero .content {
   left: -2px;
   bottom: -2px;
}
@media (min-width: 767.8px) {
   .bannerTitle{
      font-size: 3rem !important;
      line-height: 3rem !important;
   }
}
.splide__arrow:hover svg path {stroke: var(--secondary) !important;}


.bgsCallToAction{cursor: pointer !important; transition:ease all .3s}
.bgsCallToAction .bg-cover:hover, .bgsCallToAction .col-md-6:hover .bg-cover{opacity: 50% !important; transition:ease all .3s} 



.cardService:hover .btnbgsCallToAction, .bgsCallToAction .bg-cover:hover .btnbgsCallToAction, .bgsCallToAction .col-md-6:hover .btnbgsCallToAction{
   width: 80px !important;
   transition: ease all .2s !important;
}


.cardServiceImg{
   overflow: hidden !important;
}
.cardService:hover img{
   /* transition:ease all .4s; */
   transform: scale(1.1);
   opacity:.5 !important;
}
/* .cardService:hover .btnArrow{
width: 80px !important;
} */






/* Contactos
---------------*/
@media (min-width: 768px){
   .conclusao{
      column-count: 2;
      column-gap: 40px;
   }
}

label, .form-label{font-weight: 600 !important; font-size: 0.8rem !important; 
   color: #383838 !important;  margin-bottom:0 !important;
}
.form-control{
   border-radius: 0 !important;
   font-size: 0.9rem !important;
   border: 1px solid #d1d1d1 !important;
   box-shadow: none !important;
   padding: 0.7rem 0.5rem !important;
}

.form-check-input:checked {
   background-color: #000000 !important;
   border-color: #000000 !important;
}

/* end ---*/



/* cookies
---------------*/
.cc-message, .cc-message a, .cc-message a:hover, .cc-allow, .cc-deny, .cc-allow:hover, .cc-deny:hover{ color:#ffffff !important;}

/* end ---*/


/* HELPERS
---------------*/




/* Sizes & Dimensions */
.h-0{height: 0 !important;}
.w-fit {width: fit-content;}
.h-screen {height: 100vh; height: 100dvh;}

.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;
}


.btn{border-radius: 0 !important ; font-size:0.8rem !important}

.btn-primary {
   --bs-btn-color: #fff;
   --bs-btn-bg: var(--primary);
   --bs-btn-border-color: var(--primary);
   --bs-btn-hover-color: #fff;
   --bs-btn-hover-bg: var(--primaryHover);
   --bs-btn-hover-border-color: var(--primaryHover);
   --bs-btn-focus-shadow-rgb: 49, 132, 253;
   --bs-btn-active-color: #fff;
   --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: #fff;
   --bs-btn-disabled-bg: var(--primary);
   --bs-btn-disabled-border-color: var(--primary);
}


.btn-secondary {
   --bs-btn-color: #fff;
   --bs-btn-bg: var(--secondary);
   --bs-btn-border-color: var(--secondary);
   --bs-btn-hover-color: #fff;
   --bs-btn-hover-bg: var(--secondaryHover);
   --bs-btn-hover-border-color: var(--secondaryHover);
   --bs-btn-focus-shadow-rgb: 130, 138, 145;
   --bs-btn-active-color: #fff;
   --bs-btn-active-bg: var(--secondaryHover);
   --bs-btn-active-border-color: var(--secondaryHover);
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: #fff;
   --bs-btn-disabled-bg: var(--secondary);
   --bs-btn-disabled-border-color: var(--secondary);
}

a{text-decoration: none !important;}
/* a:hover{color:var(--primary) !important;} */

.container-fluid{max-width:1920px !important;}
@media (min-width: 1199.98px){
   .fs-0{
      font-size: 60px !important;
      line-height: 1;
   }
}
.fs-7 {font-size: .9rem; line-height: 1.4rem !important;}
.fs-8 {font-size: .8rem;}
.fs-9 {font-size: .7rem;}
@media (min-width: 1024px){
   .h0{font-size:3.6rem !important;}
}

.lh-1{line-height: 1rem !important;}
.lh-0{line-height: 0rem !important;}

.fw-bolder{font-weight: 800 !important;}
strong, .fw-bold{font-weight: 700 !important; color:#000000 !important;}
.fw-semibold{ font-weight: 600 !important; }
.fw-normal{font-weight: 400 !important;}

/* Colors */
.text-primary {color: var(--primary) !important;}
.text-secondary {color: var(--secondary) !important;}
.text-text {color: var(--text) !important;}
.text-white {color: #ffffff !important;}

.fontText{font-family: var(--fontText) !important;}

.img-cover {
   object-fit: cover;
   object-position: center center;
}

.bg-cover{background-size:cover !important; background-repeat:no-repea !important; background-position:center center !important;}
.bgOverlay{
   background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.55) 100%) !important;
}
.bg-primary {background-color: var(--primary) !important;}
.bg-secondary {background-color: var(--secondary) !important;}
.bg-light{background-color: var(--light) !important;}

