/* @import url('https://fonts.googleapis.com/css2?family=Syne:wght@400..800&display=swap'); */

/* @font-face {
  font-family: 'sans-light';
  src: url('/assets/fonts/Source_Sans_3/SourceSans3-Light.ttf');
  font-weight: 300;
}

@font-face {
  font-family: 'sans-regular';
  src: url('/assets/fonts/Source_Sans_3/SourceSans3-Regular.ttf');
  font-weight: 400;
}

@font-face {
  font-family: 'sans-medium';
  src: url('/assets/fonts/Source_Sans_3/SourceSans3-Medium.ttf');
  font-weight: 500;
}

@font-face {
  font-family: 'sans-semibold';
  src: url('/assets/fonts/Source_Sans_3/SourceSans3-SemiBold.ttf');
  font-weight: 600;
}

@font-face {
  font-family: 'sans-bold';
  src: url('/assets/fonts/Source_Sans_3/SourceSans3-Bold.ttf');
  font-weight: 700;
}

@font-face {
  font-family: 'sans-extrabold';
  src: url('/assets/fonts/Source_Sans_3/SourceSans3-ExtraBold.ttf');
  font-weight: 800;
}

@font-face {
  font-family: 'sans-black';
  src: url('/assets/fonts/Source_Sans_3/SourceSans3-Black.ttf');
  font-weight: 900;
}

@font-face {
    font-family: 'fjalla-one-regular';
    src: url('/assets/fonts/Fjalla_One/FjallaOne-Regular.ttf');
    font-weight: 300;
} */

html, body{
    font-family: 'Source Sans Pro';
    font-weight: 400;
}

body{
    width: 100%;
    min-height: 100vh;
    height: 100vh;
    min-width: 100vw;
}

*::-webkit-scrollbar {
    width: .5rem;     /* Tamaño del scroll en vertical */
    height: .5rem;    /* Tamaño del scroll en horizontal */
    animation: .3s;
    cursor: pointer;
}
  
/* Ponemos un color de fondo y redondeamos las esquinas del thumb */
*::-webkit-scrollbar-thumb {
  background: #003531;
  border-radius: 4px;
  cursor: pointer;
}

*:hover::-webkit-scrollbar-thumb{
  visibility: visible;
  opacity: 1;
}

/* Cambiamos el fondo y agregamos una sombra cuando esté en hover */
*::-webkit-scrollbar-thumb:hover {
  background: #003531;
}

/* Cambiamos el fondo cuando esté en active */
*::-webkit-scrollbar-thumb:active {
  background-color: #003531;
}

/* Ponemos un color de fondo y redondeamos las esquinas del track */
*::-webkit-scrollbar-track {
  background: #CDCDD6;
  border-radius: 4px;
}

.sans-light{ font-family: 'sans-light', sans-serif; font-weight: 300; }
.sans-regular{ font-family: 'sans-regular', sans-serif; font-weight: 400; }
.sans-medium{ font-family: 'sans-medium', sans-serif; font-weight: 500; }
.sans-semibold{ font-family: 'sans-semibold', sans-serif; font-weight: 600; }
.sans-bold{ font-family: 'sans-bold', sans-serif; font-weight: 700; }
.sans-extrabold{ font-family: 'sans-extrabold', sans-serif; font-weight: 800; }
.sans-black{ font-family: 'sans-black', sans-serif; font-weight: 900; }

.fjalla-one-regular{ font-family: 'Fjalla_One', sans-serif; font-weight: 400; }

.syne-regular{ font-family: 'syne-regular', sans-serif; font-weight: 400; }
.syne-medium{ font-family: 'syne-medium', sans-serif; font-weight: 500; }
.syne-semibold{ font-family: 'syne-semibold', sans-serif; font-weight: 600; }
.syne-bold{ font-family: 'syne-bold', sans-serif; font-weight: 700; }
.syne-extrabold{ font-family: 'syne-extrabold', sans-serif; font-weight: 800; }
.syne-black{ font-family: 'syne-black', sans-serif; font-weight: 900; }


.shake-vertical {
	-webkit-animation: shake-vertical 7s infinite ;
	        animation: shake-vertical 7s infinite ;
}

/**
 * ----------------------------------------
 * animation shake-vertical
 * ----------------------------------------
 */
@-webkit-keyframes shake-vertical {
    0%,
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    10%,
    30%,
    50%,
    70% {
      -webkit-transform: translateY(-8px);
              transform: translateY(-8px);
    }
    20%,
    40%,
    60% {
      -webkit-transform: translateY(8px);
              transform: translateY(8px);
    }
    80% {
      -webkit-transform: translateY(6.4px);
              transform: translateY(6.4px);
    }
    90% {
      -webkit-transform: translateY(-6.4px);
              transform: translateY(-6.4px);
    }
}

@keyframes shake-vertical {
    0%,
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    10%,
    30%,
    50%,
    70% {
      -webkit-transform: translateY(-8px);
              transform: translateY(-8px);
    }
    20%,
    40%,
    60% {
      -webkit-transform: translateY(8px);
              transform: translateY(8px);
    }
    80% {
      -webkit-transform: translateY(6.4px);
              transform: translateY(6.4px);
    }
    90% {
      -webkit-transform: translateY(-6.4px);
              transform: translateY(-6.4px);
    }
}

.gradient-section{
    background-blend-mode: multiply;
    background: radial-gradient(50% 74.27% at 50% 50%, #F4EBD1 0%, #DBBB6E 100%);
    background: linear-gradient(180deg, rgba(0, 53, 49, 0) 70%, #003531 100%);
}

.gradient-section-primary{
  background-blend-mode: multiply;
  background: radial-gradient(50% 74.27% at 50% 50%, #F4EBD1 0%, #DBBB6E 100%);
  background: linear-gradient(180deg, rgba(0, 53, 49, 0) 29.31%, #003531 65.13%);

}

.gradient-yellow{
    background: linear-gradient(180deg, rgba(231, 213, 160, 0.85) 0%, rgba(219, 187, 110, 0.85) 100%);
}

.gradient-yellow-light{
  background: linear-gradient(0deg, #F4EBD1, #F4EBD1);
}

.gradient-yellow-normal{
  background: linear-gradient(90deg, rgba(244, 235, 209, 0) 30%, #F4EBD1 60%);
}

.gradiend-yellow-large{
  background: linear-gradient(180deg, rgba(244, 235, 209, 0) 30%, #F4EBD1 60%), linear-gradient(0deg, #F4EBD1, #F4EBD1);
}

.gradient-gold{
  background-blend-mode: multiply;
  background: linear-gradient(0deg, #E7D5A0, #E7D5A0);
  background: radial-gradient(58.98% 58.98% at 50% 50%, #FBF8EF 0%, #E7D5A0 100%);
}

.gradiend-gold-900{
  background-blend-mode: multiply;
  background: linear-gradient(0deg, #643823, #643823), linear-gradient(0deg, rgba(56, 28, 16, 0.4), rgba(56, 28, 16, 0.4));
}

.gradient-primary{
    background: linear-gradient(180deg, rgba(0, 53, 49, 0.4) 80%, #003531 100%);
}

.gradient-brand{
  background:  linear-gradient(0deg, rgba(56, 28, 16, 0.4), rgba(56, 28, 16, 0.4));
}

.gradient-gold-800{
  background: linear-gradient(0deg, #E7D5A0, #E7D5A0);
  background: linear-gradient(0deg, rgba(56, 28, 16, 0.4), rgba(56, 28, 16, 0.4));
}

.gradient-black{
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(180deg, rgba(0, 0, 0, 0.2) 18.5%, rgba(0, 0, 0, 0) 49.5%);
}

.submenu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}
.submenu.open {
    max-height: 300px; /* Ajusta según el contenido */
}

.menu-collapse{
    max-height: 500px;
    overflow: hidden;
    transition: all .3s;
}

.menu-collapse.close{
    max-height: 0;
}

.tab-content {
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.tab-content-vertical{
  transition: transform 0.3s ease, opacity 0.3s ease;
}

/* .swiper-scale .swiper-slide{
  transition: .3s ease-in;
  transform: scale(.8) !important;
}

.swiper-scale .swiper-slide.swiper-slide-active{
  transform: scale(1) !important;
} */

/* .swiper-scale .swiper-slide{
  transition: all .3s ease;
}

.swiper-scale .swiper-slide.swiper-slide-active{
  transform: scale(1.4);
} */

.swiper-scale .swiper-pagination{
  display: none;
}

.swiper-scale .swiper-scrollbar{
  display: none;
}

.swiper-scale .swiper-button-prev{
  display: none;
}

.swiper-scale .swiper-button-next{
  display: none;
}

.swiper-scale {
  /* max-width: 50% !important; */
  overflow: visible !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

.swiper-scale .swiper-slide{
  opacity: .2;
  transition: opacity 0.5s ease;
}

.swiper-scale .swiper-slide.swiper-slide-active{
  opacity: 1;
}

.swiper-present .swiper-button-prev::after{
  display: none;
}

.swiper-present .swiper-button-next::after{
  display: none;
}
.swiper-present .swiper-button-prev svg{
  width: auto;
  height: auto;
  object-fit: unset;
  transform-origin: unset;
}

.swiper-present .swiper-button-next svg{
  width: auto;
  height: auto;
  object-fit: unset;
  transform-origin: unset;
}

.paragraph-cut-1{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.paragraph-cut-2{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.burger-menu{
  position: fixed;
  left: -100%;
  top: 0;
  width: 100vw;
  height: 100vh;
  transition: all .3s;
}

.burger-menu.active{
  left: 0;
}

.menu-collapse__content{
  max-height: 0;
  overflow: hidden;
  transition: all .3s;
}

.menu-collapse__content.active{
  max-height: 800px;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@media (min-width: 768px) {
  .burger-menu{
    position: relative;
    left: unset;
    top: unset;
    width: auto;
  }

  .burger-menu.active{
    left: unset;
  }

  .menu-collapse__content{
    max-height: 100%;
  }
  
  .md\:gradient-yellow-normal{
    background: linear-gradient(90deg, rgba(244, 235, 209, 0) 30%, #F4EBD1 60%);
  }
}

.swiper-button-prev.reset svg{
  width: auto;
  height: auto;
}

.swiper-button-next.reset svg{
  width: auto;
  height: auto;
}

@keyframes fadeIn {
  from {
      opacity: 0;
      transform: translateY(-10px);
  }

  to {
      opacity: 1;
      transform: translateY(0);
  }
}

.animate-fadeIn {
  animation: fadeIn 0.5s ease-out forwards;
}

.swipper-opacity .swiper-wrapper .swiper-slide{
  opacity: .2; 
  transition: all .3s;
}

.swipper-opacity .swiper-wrapper .swiper-slide.selected{
  opacity: 1;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.content-iframe iframe{
  width: 100%;
  height: 360px;
}

.ts-control{
  height: 80px;
  min-height: 80px;
  border:  1px solid #000;
  font-size: 32px;
  font-weight: 400;
  font-family: 'Fjalla_One', sans-serif;
  color: #000;
  text-transform: uppercase;
  padding: .5rem 1.5rem;
}

.ts-control .item{
  display: flex;
  align-items: center;
}

.ts-control input{
  font-size: 32px;
  font-weight: 400;
  font-family: 'Fjalla_One', sans-serif;
  color: #000;
  text-transform: uppercase;
  height: 100%;
}

.no-editable .ts-control{
  padding-right: 3.5rem !important;
}

.no-editable .ts-control input{
  display: none !important;
}

.ts-dropdown .ts-dropdown-content{
  padding: .5rem 1.5rem;
}

.ts-dropdown .ts-dropdown-content .option{
  font-size: 32px;
  font-weight: 400;
  font-family: 'Fjalla_One', sans-serif;
  color: #000;
  text-transform: uppercase;
  min-height: 42px;
  display: flex;
  align-items: center;
}

.ts-wrapper::after{
  content: "";
  display: flex;
  align-items: center;
  width: 25px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='14' viewBox='0 0 25 14' fill='none'%3E%3Cpath d='M1 1L12.5 12.5L24 1' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.5rem;
  z-index: 10;
  height: 100%;
}

.iframe-full iframe{
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  .content-iframe iframe{
    height: 560px;
  }
}

.swiper-pagination-custom{
  top: 0 !important;
  bottom: unset !important;
  left: 0 !important;
}

.swiper-pagination-custom .swiper-pagination-bullet{
  transition: all .3s;
  background-color: transparent;
  margin: 0 !important;
}

.swiper-pagination-custom .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background-color: #000;
}

.content-html p{
  line-height: 2;
  color: #5A504A;
}

.ts-dropdown{
  z-index: 20;
}

.gallery-layers{
  position: relative;
}

.gallery-layers .gallery-layers__item:nth-child(1){
  position: absolute;
  transform: scale(1.05);
  right: 45%;
  top: 0;
}

.gallery-layers .gallery-layers__item:nth-child(2){
  position: absolute;
  transform: scale(1.25);
  right: 25%;
  top: 0;
}

.gallery-layers .gallery-layers__item:nth-child(3){
  position: absolute;
  transform: scale(1.5);
  right: 0;  
  top: 0;
}


@media (min-width: 768px) {
  .grid-spacing-card .grid-spacing-card__item:nth-child(2){
    transform: translateY(90px);
  }
  
  .grid-spacing-card .grid-spacing-card__item:nth-child(3){
    transform: translateY(180px);
  }
}

.scale-80{
  transform: scale(.8);
}

.group:hover .group-hover\:scale-50 {
  transform: scale(.5);
}

.group:hover .group-hover\:scale-70 {
  transform: scale(.7);
}

.max-h-c-button{
  max-height: calc(100% - 80px);
}

.no-rounded{
  border-radius: 0px !important;
}

.group:hover .group-hover\:pb-4 {
  padding-bottom: 1rem;
}

.group:hover .group-hover\:pb-2 {
  padding-bottom: .5rem;
}

@media (min-width: 768px) {
  .md\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

@media (min-width: 768px) {
  .md\:mb-32 {
      margin-bottom: 8rem;
  }
}

.menu-head{
  height: auto !important;
}

.menu-head.active{
  height: 100vh !important;
  overflow: auto;
}

.min-h-600{
  min-height: 600px;
}

.leading-normal-i{
  line-height: normal;
}