@import "variables.css";

/**Font faces**/
@font-face {
  font-family: "Knockout68";
  src: url("../fonts/Knockout-68.otf");
  font-display: swap;
}

@font-face {
  font-family: "KnockoutLiteweight";
  src: url("../fonts/Knockout-HTF49-Liteweight.otf");
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter500.ttf");
  font-display: swap;
  font-weight: bold;
}

@font-face {
  font-family: "InterBold";
  src: url("../fonts/Inter700.ttf");
  font-display: swap;
  font-weight: bold;
}

@font-face {
  font-family: "Inter900";
  src: url("../fonts/Inter900.ttf");
  font-display: swap;
  font-weight: bold;
}

@font-face {
  font-family: "Inter800";
  src: url("../fonts/Inter800.ttf");
  font-display: swap;
  font-weight: bold;
}

@font-face {
  font-family: "Inter600";
  src: url("../fonts/Inter600.ttf");
  font-display: swap;
  font-weight: bold;
}

@font-face {
  font-family: "Inter400";
  src: url("../fonts/Inter400.ttf");
  font-display: swap;
  font-weight: bold;
}

@font-face {
  font-family: "Inter300";
  src: url("../fonts/Inter300.ttf");
  font-display: swap;
  font-weight: bold;
}

@font-face {
  font-family: "Inter200";
  src: url("../fonts/Inter200.ttf");
  font-display: swap;
  font-weight: bold;
}

@font-face {
  font-family: "Inter100";
  src: url("../fonts/Inter100.ttf");
  font-display: swap;
  font-weight: bold;
}

/**Font family clases**/
.g--font-family-knockout68 {
  font-family: "Knockout68";
}

.g--font-family-knockoutLiteweight {
  font-family: "KnockoutLiteweight";
}

.g--font-family-inter {
  font-family: "Inter";
}

.g--font-family-interBold {
  font-family: "Interbold";
}

.g--font-family-inter100 {
  font-family: "Inter100" !important;
}

.g--font-family-inter200 {
  font-family: "Inter200" !important;
}

.g--font-family-inter300 {
  font-family: "Inter300" !important;
}

.g--font-family-inter400 {
  font-family: "Inter400" !important;
}

.g--font-family-inter600 {
  font-family: "Inter600" !important;
}

.g--font-family-inter800 {
  font-family: "Inter800" !important;
}

.g--font-family-inter900 {
  font-family: "Inter900" !important;
}

/* New Class: bi-twitter-x */


.bi-twitter-x:before{
  content:'';
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9InN2ZzUiIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI1MDBweCIgaGVpZ2h0PSI1MDBweCIKCSB2aWV3Qm94PSIwIDAgNTAwIDUwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTAwIDUwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGVsbGlwc2Ugc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGN4PSIyNTAiIGN5PSIyNTAiIHJ4PSIyNDkuNzM1IiByeT0iMjUwLjIzNSIvPgoJPGcgaWQ9ImxheWVyMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTIuMzkwMDg4LC0yNS4wNTg1OTcpIj4KCQk8cGF0aCBpZD0icGF0aDEwMDkiIGZpbGw9IiNGRkZGRkYiIGQ9Ik00My43NzMsMTMwLjA4bDExOS4zNywxNTkuOTI2TDQzLjAyLDQyMC4wMzNoMjcuMDM3bDEwNS4xNy0xMTMuODQ0bDg0Ljk3MiwxMTMuODQ0aDkxLjk5OQoJCQlMMjI2LjExMSwyNTEuMTE0TDMzNy45MjEsMTMwLjA4aC0yNy4wMzdsLTk2Ljg1MywxMDQuODQ1TDEzNS43NzQsMTMwLjA4SDQzLjc3M3ogTTgzLjUzMiwxNTAuMDMzaDQyLjI2NUwzMTIuNDM0LDQwMC4wOEgyNzAuMTcKCQkJTDgzLjUzMiwxNTAuMDMzeiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=');
  background-size: cover;
  height: 16px;
  aspect-ratio: 1 / 1;
}

.bi-twitter-x.inverted{
  filter: invert(100%);
}

/*
Example: Standalone logo sizes
*/
h1 .bi-twitter-x:before,
.fs-1 .bi-twitter-x:before{
  height: 40px;
}
h2 .bi-twitter-x:before,
.fs-2 .bi-twitter-x:before{
  height: 32px;
}
h3 .bi-twitter-x:before,
.fs-3 .bi-twitter-x:before{
  height: 28px;
}
h4 .bi-twitter-x:before,
.fs-4 .bi-twitter-x:before{
  height: 25px;
}

/**Global styles**/
body {
  font-family: "Inter";
}


a {
  text-decoration: none;
  color: unset;
}

.g--text-shadow-1px-2px {
  text-shadow: -1px 2px black;
}

.g--top-right-auto {
  top: auto;
  right: auto;
}

.no-gutters {
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

*:focus-visible {
  outline: transparent !important;
}

/**Menu**/
.nav-link {
  font-family: "Inter" !important;
  text-transform: uppercase !important;
  font-weight: bolder;
  display: flex;
  align-items: center;
  justify-items: center;
}

.g--headerLogo {
  position: absolute;
  left: calc(50% - 17.5px);
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.g--headerLogo__img {
  width: 35px;
}

#navbar {
  position: fixed;
  top: -1px;
  width: 100%;
  display: block;
  transition: top 0.3s;
  z-index: 900;
  border-bottom: 2px solid;
}

.nav-link__icon-link {
  margin: -5px 0px;
}

.nav-link__icon {
  font-size: 2rem;
}

.nav-link__lang {
  border: 1px solid;
  padding: 0px;
  margin-left: 10px;
  padding-top: 0.15rem;
  padding-bottom: 0.15rem;
}

.nav-link__lang-active {
  background-color: #000;
  color: #fff;
  border: 1px solid #000;
}

.nav-link__lang-active:hover {
  color: #fff;
}

.nav-link__burguer-menu-txt {
  display: contents !important;
}

.g--lang-ENG {
  border-bottom: 0px;
  margin-bottom: -1px;
}

.g--menu-hamburguesa__icon {
  color: #000;
  font-size: 2rem;
}

.g--menu-hamburguesa {
  display: flex;
  justify-content: center;
  align-items: center;
}

.g--navbar__MCTravel {
  max-width: 100%;
  height: auto;
  width: 60px;
}

.g--navbar__user__img {
  max-width: 100%;
  width: auto;
  height: 36px;
}
.g--mcArea-icon {
  width: 150px;
  height: 50px;
  position: relative;
}

.mcArea .g--navbar__user__img {
  position: absolute;
  visibility: visible;
  transition: 0s visibility;
  transition-delay: 0.2s;
}

.mcArea .g--navbar__user__img__hover {
  position: absolute;
  visibility: hidden;
  transition: 0s visibility;
  transition-delay: 0.2s;
}

.mcArea:hover .g--navbar__user__img,
.mcArea:active .g--navbar__user__img {
  visibility: hidden;
}

.mcArea:hover .g--navbar__user__img__hover,
.mcArea:active .g--navbar__user__img__hover {
  visibility: visible;
}

.offcanvas-body .g--main-btn {
  padding: 5px 15px 5px 15px;
}

.mcAreaMobile .g--navbarMobile__user__img {
  display: block;
  width: auto;
  height: 34px;
  /* margin-top:-2px; */
}

.mcAreaMobile .g--navbarMobile__user__img__hover {
  display: none;
}

.mcAreaMobile:hover .g--navbarMobile__user__img,
.mcAreaMobile:active .g--navbarMobile__user__img {
  display: none;
}

.mcAreaMobile:hover .g--navbarMobile__user__img__hover,
.mcAreaMobile:active .g--navbarMobile__user__img__hover {
  display: block;
  width: auto;
  height: 34px;
  /* margin-top:-2px; */
}

@media (min-width: 1500px) {
  .g--me-xxxl-3 {
    margin-right: 0.75rem !important;
  }
}
/**Bg colors**/
.g--bg-color-main-grey {
  background-color: var(--main-grey);
}

.g--homepage-poster-bg {
  /* background: linear-gradient(
    black 10%,
    #fbdb61 10%,
    #fbdb61 90%,
    white 90%,
    white 100%
  ); */
  background-image: url(/assets/images/home/base-degradado-cartel-2024.jpg);
  background-repeat: no-repeat;
}

.g--homepage-poster-img{
    width:100%;
    border:1rem solid white;
}
.g--homepage-poster-img-mobile-version{
  width:100%;
  border:5px solid white;
}
/**Links**/
.g--link-section {
  color: rgba(0, 0, 0, 0.65);
  font-family: "Inter";
}

.g--link-section__active,
.g--link-section:hover {
  color: rgba(0, 0, 0, 1);
  font-family: "interBold";
}

.g--link-section:hover {
  cursor: pointer;
}

/**Carousel*/
.g--carrousel__video-yt {
  width: 100%;
  height: 100%;
}

#videoHome{
  object-fit: cover;
}

/**Banner Default*/
.g--default__banner {
  height: 33vh;
  width: 100%;
  margin-top: 3rem;
  margin-bottom: 3rem;
  background-image: url(/assets/images/default/headerWebGenerico.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
}

.btn:first-child:active {
  border-color: transparent !important;
}

/* hr {
    margin: 0.6rem 0;
    color: inherit;
    border: 0;
    border-top: var(--bs-border-width) solid;
    opacity: .25;
} */

/**MEDIA STYLES**/
@media (min-width: 1200px) {
  /*All Desktop*/
  .g--offcanvas__header__desktop {
    position: absolute;
    right: 0px;
    top: 0rem;
  }
}

@media (min-width: 1800px) {
  /*FHD*/
}

@media (min-width: 1400px) and (max-width: 1799px) {
  /*MG*/
}

@media (min-width: 1200px) and (max-width: 1399px) {
  /*HD*/
}

@media (min-width: 1001px) and (max-width: 1199px) {
  /*1024*/
}

@media (min-width: 768px) and (max-width: 1199px) {
  /**Tablet**/
}

@media (min-width: 600px) {
  .g--link-section {
    padding: 16px 0;
  }
}

@media (min-width: 300px) and (max-width: 480px) {
  /**All movil**/
  .g--headerLogo {
    left: 45%;
  }

  .nav-link__lang {
    margin-left: 0px;
    padding: 5px;
  }

  #offcanvasWithBothOptions {
    width: 70%;
  }

  .nav-link__burguer-menu-txt {
    display: none !important;
  }

  .btn-close {
    margin-left: auto;
  }

  .g--navbar__user__img {
    margin-top: -4px;
  }
}

@media (min-width: 381px) and (max-width: 480px) {
  /**Movil L**/
}

@media (min-width: 351px) and (max-width: 380px) {
  /**Movil M**/
}

@media (max-width: 350px) {
  /**Movil S**/
}

@media (max-width: 420px) {
  .nav-link__icon-link {
    margin: -7px 0px;
  }
}
@media (max-width: 992px) {
  .g--main-btn {
    padding: 5px 15px 5px 15px;
  }
}

@media (max-width: 370px) {
  .g--custom-col-12 {
    flex: 0 0 auto;
    width: 100%;
    padding-left: 0.8rem !important;
    padding-top: 1rem !important;
  }
}