html {
  scroll-behavior: smooth !important;
}
/*Font*/
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');
::selection {
  background: hsl(46 66.8% 48.4%) !important;
}
.t-200 {
  font-weight: 200 !important;
}
.t-300 {
  font-weight: 300 !important;
}
.t-400 {
  font-weight: 400 !important;
}
.t-500 {
  font-weight: 500 !important;
}
.t-600 {
  font-weight: 600 !important;
}
.t-700 {
  font-weight: 700 !important;
}
.t-h1 {
  font-size: 5rem !important;
}
.t-h2 {
  font-size: 4rem !important;
}
.t-h3 {
  font-size: 3rem !important;
}
.t-h4 {
  font-size: 2rem !important;
}
.t-h5 {
  font-size: 1.25rem !important;
}
.t-p {
  font-size: 1.25rem !important;
}
.t-c {
  font-size: 0.875rem !important;
}

.lh-1-2 {
  line-height: 1.2 !important;
}

.lh-1-4 {
  line-height: 1.4 !important;
}
/*Colors*/
.grey-light {
  color: hsl(0 0% 96.9%) !important;
}
.grey-dark {
  color: hsl(0 0% 26.3%) !important;
}
.grey-medium {
  color: hsl(0 0% 88.6%) !important;
}
.black {
  color: hsl(0 0% 0%) !important;
}
.white {
  color: hsl(0 0% 100%) !important;
}
.gold {
  color: hsl(46 66.8% 48.4%) !important;
}
.bg-grey-light {
  background: hsl(0 0% 96.9%) !important;
}
.bg-grey-dark {
  background: hsl(0 0% 26.3%) !important;
}
.bg-grey-medium {
  background: hsl(0 0% 88.6%) !important;
}
.bg--black {
  background: hsl(0 0% 0%) !important;
}
.bg-white {
  background: hsl(0 0% 100%) !important;
}
.bg-gold {
  background: hsl(46 66.8% 48.4%) !important;
}
.mulish {
  font-family: 'Mulish', sans-serif !important;
}
.web {
  font-family: 'Titillium Web', sans-serif !important;
}
/*Menú*/
#header-wrap {
  background-color: hsla(0 0% 0% / 0.3);
  border-color: transparent;
}
.is-expanded-menu .sticky-header #header-wrap {
  background-color: hsla(0 0% 0% / 0.3);
  border-color: transparent;
}
#header.sticky-on-scrollup.show-sticky-onscroll.sticky-header #header-wrap {
  margin-top: 0px;
  background: hsl(0 0% 0%);
  border-color: transparent;
}
.is-expanded-menu #header.sticky-header-shrink {
  --cnvs-header-height-shrink: 80px !important;
}
#header.sticky-on-scrollup.sticky-header #header-wrap {
  --cnvs-header-height-shrink: 80px !important;
}
.header-wrap-clone {
  height: auto;
}
/* #header-wrap {
  background-color: hsla(0 0% 0% / 0.3);
  border-color: transparent;
}

#header.sticky-on-scrolldown.sticky-header #header-wrap {
  background: hsl(0 0% 0%);
  margin-top: 0;
  border-color: transparent;
} */

.is-expanded-menu #header.sticky-header-shrink #header-wrap #logo img {
  padding-top: 13px;
  padding-bottom: 13px;
  height: auto;
}
#header-wrap #logo img {
  height: auto;
  padding-top: 13px;
  padding-bottom: 13px;
}
a.menu-link {
  font-family: 'Titillium Web', sans-serif;
  font-size: 1.25rem !important;
  font-weight: 600;
  color: hsl(0 0% 100%) !important;
  transition: 0.3s all ease-in-out !important;
}
.menu-item.current > .menu-link {
  color: hsl(0 0% 100% / 0.7) !important;
}
a.menu-link:hover {
  color: hsl(0 0% 100% / 0.7) !important;
}
#wrapper.header-overlay::after {
  opacity: 0 !important;
}

/*Footer*/
.line {
  clear: both;
  position: relative;
  width: 100%;
  margin: var(--cnvs-section-margin) 0;
  border-top: 2px solid hsla(0 0% 88.6% / 0.5);
}
#gotoTop {
  background: hsl(0 0% 26.3%);
  --cnvs-gotoTop-hover-color: hsl(0 0% 26.3% / 0.5);
}
.contact-footer {
  cursor: pointer;
}
.contact-footer:hover i,
.contact-footer span,
.contact-footer:hover a {
  transition: 0.3s all ease-in-out;
}
.contact-footer:hover i,
.contact-footer span,
.contact-footer:hover a {
  color: hsla(0 0% 100% / 0.5) !important;
}
.copy-footer span {
  color: hsla(0 0% 88.6% / 0.5) !important;
}
.copy-footer a {
  color: hsla(0 0% 88.6% / 0.5) !important;
  transition: 0.3s all ease-in-out;
}
.copy-footer a:hover {
  color: hsla(0 0% 88.6% / 1) !important;
}
#content-aliados {
  scroll-margin-top: 100px;
}
#content-contact {
  scroll-margin-top: 40px;
}

#gotoTop {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.9 !important;
  z-index: 1;
  right: 20px;
  bottom: 120px !important;
}
.grecaptcha-badge {
  position: fixed;
  z-index: 3 !important;
  bottom: 40px !important;
  opacity: 0.5 !important;
  right: 20px;
  z-index: 1;
}
/* WhatsApp style */
.float {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 40px;
  left: 30px;
  background-color: #25d366;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0);
  transition: all 0.2s ease-in-out;
  z-index: 4;
}
.my-float {
  margin-top: 16px;
}
.float:hover {
  color: #fff;
  background-color: #21c15d;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25);
  transition: all 0.2s ease-in-out;
}
.bd-radius {
  border-radius: 12px !important;
}
html,
body {
  overflow-x: hidden;
}
/*Media Queries*/
@media (max-width: 992px) {
  /*Menú*/
  .container-mobile {
    max-width: 100%;
    position: fixed;
    margin-top: 0px;
    background: hsla(0 0% 0% / 0.3);
    padding: 0 0px;
    overflow-x: hidden !important;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100vw;
    box-sizing: border-box;
  }

  .container-mobile {
    background: hsla(0 0% 0% / 0.3);
    transition: none;
    overflow-x: hidden !important;
  }

  body.scrolled .container-mobile {
    background: #000;
    overflow-x: hidden !important;
  }

  .cnvs-hamburger .cnvs-hamburger-inner,
  .cnvs-hamburger .cnvs-hamburger-inner::before,
  .cnvs-hamburger .cnvs-hamburger-inner::after {
    background: hsl(0, 0%, 100%);
  }
  .primary-menu-trigger {
    padding: 0px;
  }
  .menu-item:not(:first-child) {
    border-top: none;
  }
  .mobile-primary-menu {
    background: #000;
    width: 100%;
    padding: 0 25px;
    box-sizing: border-box;
  }
  #logo,
  .primary-menu-trigger {
    padding: 0 25px;
  }
  .cnvs-hamburger {
    --cnvs-hamburger-size: 1.8rem;
    --cnvs-hamburger-width: 2px;
    --cnvs-hamburger-offset: 9px;
  }
  a.menu-link {
    font-family: 'Titillium Web', sans-serif;
    font-size: 1rem !important;
    transition: 0.3s all ease-in-out !important;
  }

  #content-aliados {
    scroll-margin-top: 120px;
  }
  #content-contact {
    scroll-margin-top: 80px;
  }
}