:root {
   --primary: #026f76;
   --primaryHover: #05adb6;
   --secondary: #05adb6;
   --secondaryHover: #3277BA;
   --light: #f3f3f3;
   --text: #35383b;
   --fontSite: "specter", 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-color: var(--white);
   font-family: var(--fontSite) !important;
   font-weight: 400;
   font-size:1.05rem !important;
   font-style: normal;
   font-optical-sizing: auto;
   position: relative !important;
   letter-spacing: 0.08px !important;
}
#mainNav.navbar-shrink{
   background-color: var(--primary) !important;
   box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
   transition:ease all 0.3s;
   padding: 0.8rem 0 !important;
}
.nav-link {
   font-weight: 500 !important;
   letter-spacing: 0.05rem !important;
   font-size: 0.9rem !important;
   color: #ffffff !important;
}

.nav-link:hover, .nav-item .active  {
   color: var(--secondary) !important;
}
.nav-item .active{
   background: rgba(255, 255, 255, 0.1) !important;
   color: #ffffff !important;
   border-radius:5%;
}

@media (min-width: 992px) and (max-width: 1300px){
   .nav-link {
      font-size: 0.8rem !important;
   }   
}
@media (max-width: 768px){
   .nav-link {
      font-size: 1.2rem !important;
      padding: 5px 10px !important;
   }   
}

.dropdown-item.active, .dropdown-item:active {
   color: var(--bs-dropdown-link-active-color);
   text-decoration: none;
   background-color: var(--bs-dropdown-link-active-bg);
}

.dropdown-item.active, .dropdown-item:active {
   background-color: transparent !important;
}

.nav-link.border {
   width: 50px;
   height: 50px;
}




/* Home
---------------*/
#hero {
   height: 50vh;
   height: 50dvh;
}
@media (min-width: 1024px){
   #hero {
      height:80vh;
      height: 80dvh;
   }
}

#hero .splide__arrows.splide__arrows--ltr {
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: flex-end;
}
@media (max-width: 767px){
   #hero .splide__arrows.splide__arrows--ltr {
      /* align-items: end !important; */
      margin-top: 60px !important;
   }
}

#hero .splide__arrow {
   left: 0;
   right: 0;
   position: relative;
   margin: 0 1rem 5rem 0;
}

#hero .content {
   left: -2px;
   bottom: -2px;
}

.splide__arrow:hover svg path {stroke: var(--secondary) !important;}


#home.header{height:90vh !important;}
#pages.header{height:35vh !important; min-height:350px;}


/* end ---*/






.itemWithBorder:hover{
   background: var(--light) !important;
   border: 1px solid #ffffff !important;
   transition: ease all 0.3s;
}

.btnArrowRotate:after {
   content: '';
   position:absolute; 
   bottom: 0;
   width: 0;
   height: 2;
   background: #000000;
}
.btnArrowRotate:hover:after {
   content: '';
   position:absolute; 
   bottom: 0;
   width: 100%;
   height: 2;
   background: #000000;
}
.btnArrowRotate svg {
   rotate: 45deg;
   fill: currentColor !important;
}
.btnArrowRotate:hover svg {
   rotate: 90deg;
}

.btn:hover {
   border-color: #ffffff !important;
   box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(255, 255, 255, 0.15);
}


.roundedLink{
   width: 50px; height: 50px;
}
.roundedLink:hover{
   background: var(--primaryHover) !important;
   color: #ffffff !important;
   fill: #ffffff !important;
   border-color: var(--primaryHover) !important;
}
/* 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-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);
}


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


a{color: #000000 !important;}
a:hover{color:var(--primary) !important;}

footer a:hover{
   color:#ffffff !important;
}

#ctaWhatsapp.whatsapp{margin-right: 20px !important; transition:ease all 0.3s;}
#ctaWhatsapp.hide{margin-right: -250px !important; transition:ease all 0.3s;}


.container-fluid{max-width:1920px !important;}

p{margin-bottom: 0.6rem !important;}

.h0{font-size:1.6rem !important;}
.fs-7 {font-size: .9rem; line-height: 1.4rem !important;}
.fs-8 {font-size: .8rem;}
.fs-9 {font-size: .7rem;}


@media (min-width: 768px){
   .h0{font-size:2rem !important; line-height: 2rem !important;}
   .fs-1{font-size:40px !important;}
}

@media (min-width: 1024px){
   .twoColumns{
      column-gap: 2rem;
      column-count: 2;
   }
}

@media (min-width: 1024px){
   .h0{font-size:3.4rem !important; line-height: 4rem !important;}
   .fs-1{font-size:50px !important;}
}
.lh-1{line-height: 1rem !important;}
.lh-0{line-height: 0rem !important;}

.fw-bolder{font-weight: 800 !important;}
.fw-bold{font-weight: 700 !important;}
.fw-semibold{ font-weight: 600 !important; }
.fw-normal{font-weight: 400 !important;}

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

@media (max-width: 1024px){
   .imgMobile{max-height: 400px !important;}
}
@media (max-width: 576px){
   .imgMobile{max-height: 270px !important;}
}

.bg-overlayGradient{
   background: rgba(2, 29, 32,0.7); 
   mix-blend-mode: hard-light;
}

.bg-cover{background-size:cover !important; background-repeat:no-repea !important; background-position:center center !important;
}
.bg-primary {background-color: var(--primary) !important;}
.bg-secondary {background-color: var(--secondary) !important;}
.bg-light{background-color: var(--light) !important;}
.img-cover {
   object-fit: cover;
   object-position: center center;
}

.breadcrumb-item+.breadcrumb-item::before {
   content: var(--bs-breadcrumb-divider, ">") !important;
}