/* @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: 'Syne', sans-serif;
    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-regular', 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));
}

.gradiend-gold-bold{
  background: linear-gradient(0deg, #643823, #643823);
  background: linear-gradient(0deg, rgba(56, 28, 16, 0.5), rgba(56, 28, 16, 0.5));
}

.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-primary-20{
  background: linear-gradient(180deg, rgba(0, 53, 49, 0.2) 80%, #003531 100%);

}

.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;
  position: relative;
}

.swiper-scale .swiper-slide::after{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  backdrop-filter: blur(8px);
  display: flex;
}

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

.swiper-scale .swiper-slide.swiper-slide-active:after{
  display: none;
}

.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: 6.5rem;
  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 */
}

/* EFFECT TEXT */
.text-wrapper {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.char {
  display: inline-block;
  transform-origin: bottom;
  transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Animación de desaparición letra por letra */
@keyframes fadeUp {
  from {
      transform: translateY(0);
      opacity: 1;
  }
  to {
      transform: translateY(-100%);
      opacity: 0;
  }
}

/* Animación de aparición letra por letra */
@keyframes fadeDown {
  from {
      transform: translateY(100%);
      opacity: 0;
  }
  to {
      transform: translateY(0);
      opacity: 1;
  }
}

/* Animación de reaparición al quitar hover */
@keyframes fadeDownReverse {
  from {
      transform: translateY(-100%);
      opacity: 0;
  }
  to {
      transform: translateY(0);
      opacity: 1;
  }
}

@keyframes fadeUpReverse {
  from {
      transform: translateY(0);
      opacity: 1;
  }
  to {
      transform: translateY(100%);
      opacity: 0;
  }
}

/* Efecto cuando está en hover */
.hovered .char {
  animation: fadeUp 1s forwards;
}

.hovered .new-text .char {
  animation: fadeDown 1s forwards;
}

/* Efecto cuando se quita el hover (inverso) */
.reverse .char {
  animation: fadeDownReverse 1s forwards;
}

.reverse .new-text .char {
  animation: fadeUpReverse 1s forwards;
}

.swiper-animation .swiper-wrapper .swiper-slide.swiper-slide-active .animation-left{
  animation: slideIn 0.8s ease-out forwards;
}

@keyframes slideIn {
  from {
      transform: translateX(-100%); /* Empieza fuera de la pantalla */
      opacity: 0;
  }
  to {
      transform: translateX(0); /* Llega a su posición normal */
      opacity: 1;
  }
}

.cv-input:not(:placeholder-shown){
  color: #F0F0F0;
  border: 1px solid #F0F0F0 !important;
}

/* .cv-input:not(:placeholder-shown) + label{
  top: 0;
  font-size: 14px;
}
 */
@media (max-width: 576px) {
  .open-menu{
    overflow: hidden;
  }
}

@keyframes grow {
  from {
      max-height: 0;
      opacity: 0;
      padding-top: 0;
      padding-bottom: 0;
  }
  to {
      max-height: 500px;
      opacity: 1;
      padding-top: 8px;
      padding-bottom: 8px;
  }
}

/* .gtranslate_wrapper .gt_switcher .gt_option .nturl{
  display: none;
}

.gtranslate_wrapper .gt_switcher .gt_option .nturl[data-gt-lang="es"], .gtranslate_wrapper .gt_switcher .gt_option .nturl[data-gt-lang="en"]{
  display: flex;
} */
.gtranslate_wrapper{
  display: none;
}

.gtranslate-custom .gtranslate_wrapper{
  display: flex;
}

.gtranslate_wrapper .gt_float_switcher .gt_options .nturl {
    display: none !important;
}

.gtranslate_wrapper .gt_float_switcher .gt_options .nturl[data-gt-lang="es"]:not(.gt-current), .gtranslate_wrapper .gt_float_switcher .gt_options .nturl[data-gt-lang="en"]:not(.gt-current){
  display: flex !important;
}

.gtranslate{
  /* position: fixed;
  bottom: 1rem;
  right:  1rem;
  z-index: 30; */
}

.gt_float_switcher{
  border-radius: .5rem !important;
  display: flex !important;
  flex-direction: column !important;
  background-color: transparent !important;
  background: transparent !important;
  color: #fff !important;
  box-shadow: none !important;
}

.gt_float_switcher .gt_options .nturl{
  font-size: 1rem;
  font-weight: 500;
  color: #fff !important;
}

.gt_float_switcher .gt_options .nturl img{
  display: none;
  width: 2rem;
  max-width: 2rem;
}

.gt_float_switcher .gt-selected{
  font-size: 1rem;
  font-weight: 500;
  background-color: transparent !important;
}

.gt_float_switcher .gt-selected img{
  width: 2rem;
  max-width: 2rem;
}

.gt_float_switcher .gt-selected .gt-current-lang{
  color: #fff !important;
}

.gt_float_switcher .gt_options a:hover{
  background-color: transparent !important;
  background: transparent !important;
}

.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow{
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 285 285'><path d='M282 76.5l-14.2-14.3a9 9 0 0 0-13.1 0L142.5 174.4 30.3 62.2a9 9 0 0 0-13.2 0L3 76.5a9 9 0 0 0 0 13.1l133 133a9 9 0 0 0 13.1 0l133-133a9 9 0 0 0 0-13z' style='fill:%23ffffff'/></svg>") !important;
}

.gt_float_switcher .gt-selected .gt-current-lang img{
  display: none;
}

.gt_float_wrapper .gt_float_switcher .gt-selected .gt-current-lang img{
  display: none !important;
}

.gt_float_wrapper .gt_float_switcher .gt_options .nturl img{
  display: none !important;
}

.gtranslate_wrapper img{
  display: none !important;
}

.gt_float_switcher .gt-selected .gt-current-lang{
  display: flex;
  align-items: center;
  column-gap: .25rem;
}

.gtranslate-universal .gt_float_switcher .gt-selected .gt-current-lang{
  padding: 0 !important;
}

.c-select{
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.46967 0.96967C0.762563 0.676777 1.23744 0.676777 1.53033 0.96967L8 7.43934L14.4697 0.96967C14.7626 0.676777 15.2374 0.676777 15.5303 0.96967C15.8232 1.26256 15.8232 1.73744 15.5303 2.03033L8.53033 9.03033C8.23744 9.32322 7.76256 9.32322 7.46967 9.03033L0.46967 2.03033C0.176777 1.73744 0.176777 1.26256 0.46967 0.96967Z' fill='%23003531'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem top 50%;
  background-size: 1rem auto;
}

.c-select.white{
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.46967 0.96967C0.762563 0.676777 1.23744 0.676777 1.53033 0.96967L8 7.43934L14.4697 0.96967C14.7626 0.676777 15.2374 0.676777 15.5303 0.96967C15.8232 1.26256 15.8232 1.73744 15.5303 2.03033L8.53033 9.03033C8.23744 9.32322 7.76256 9.32322 7.46967 9.03033L0.46967 2.03033C0.176777 1.73744 0.176777 1.26256 0.46967 0.96967Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem top 50%;
  background-size: 1rem auto;
}

.c-select.white option{
  color: #000;
}


.video-controls::-webkit-media-controls {
  display: none;
}

.bg-primary-300\/85{
  background-color: rgba(27, 85, 80, 0.85);
}

.bg-primary-700\/80{
  background-color:rgb(0 111 95 / 0.8);
}

.bg-primary-800{
  background-color:rgb(0 111 95 / 0.8);
}

.gradient-section-primary-800{
  background: linear-gradient(180deg, rgba(0, 53, 49, 0) 55.02%, #10322F 85%);
}

.gradient-section-primary-700{
  background-blend-mode: multiply;
  /* background: rgba(27, 85, 80, 0.85); */
  background: linear-gradient(180deg, #10322F 0%, rgba(16, 50, 47, 0) 50.5%, #222222 100.04%), rgba(27, 85, 80, 0.5);
}

.rotate-180{
  transform: rotate(180deg);
}

.gradient-section-primary-800-2{
  background: linear-gradient(0deg, rgba(0, 53, 49, 0) 2%, #10322F 98%);
}

.barrel-background {
  background-image: 
    linear-gradient(
      180deg,
      rgba(16, 50, 47, 0.85) 0%,
      rgba(19, 66, 62, 0.75) 25%,
      rgba(27, 85, 80, 0.48) 50%,
      rgba(13, 40, 37, 0.9) 75%,
      #222222 100%
    );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /* background-blend-mode: multiply;
  background: #1B5550D9;
  background: linear-gradient(180deg, #10322F 0%, rgba(16, 50, 47, 0) 50.5%, #222222 100.04%); */

}

.blur-primary{
  backdrop-filter: blur(6px);
  background: rgba( 0, 111, 95, 0.8 );
  -webkit-backdrop-filter: blur(6px);
    /* background:rgb(0 111 95 / 0.8);
    backdrop-filter: blur(16px) */
}

.gradient-black-800{
  background: linear-gradient(180deg, #222222 24%, #F0F0F0 100%);
}

.gradient-surface-op{
  background: linear-gradient(0deg, rgba(34, 34, 34, 0.5), rgba(34, 34, 34, 0.5));
}

.gradient-black-primary-800{
  background: linear-gradient(180deg, #222222 0%, #10322F 100%);
}

.gradient-primary-900{
  background: linear-gradient(180deg, #10322F 12.13%, rgba(25, 42, 40, 0) 50%, #222222 87.87%);
}

.gradient-black-primary-900{
  background: linear-gradient(180deg, #222222 0%, #10322F 58.53%);
}

.gradient-black-600{
  background: linear-gradient(0deg, rgba(34, 34, 34, 0.4), rgba(34, 34, 34, 0.4)),
  linear-gradient(180deg, rgba(34, 34, 34, 0) 0%, #222222 100%);
}

.gradient-black-primary-600{
  background: linear-gradient(180deg, #222222 0%, #10322F 82.12%);
}

.gradient-primary-700{
  background: linear-gradient(360deg, #10322F 0%, rgba(16, 50, 47, 0) 50.48%);
}

.gradient-black-600-h{
  background: linear-gradient(270deg, #222222 37.78%, rgba(0, 0, 0, 0) 100%);
}

.text-yellow-600{
  color: #D18E29;
}

.text-primary-800{
  color: #10322F;
}

.text-primary-900{
  color: #10322F;
}

.text-black-600{
  color: #222222;
}

.text-gold-500{
  color: #D18E29;
}

.text-white-400{
  color: #F0F0F0;
}

.bg-primary-300{
  background-color: #006F5F;
}

.bg-primary-300\/80{
  background-color: rgb(0, 111, 95, .8);
}

.bg-white-400\/10{
  background-color: rgba(240, 240, 240, .1);
}

.bg-black-600\/50{
  background-color: rgb(34, 34, 34, .5);
}

.bg-gold-500\/50{
  background-color: rgba(209, 142, 41, .5);
}

.bg-primary-900{
  background-color: #10322F;
}

.bg-yellow-600{
  background-color: #D18E29;
}

.bg-gold-50{
  background-color: rgba(209, 142, 41, .5);
}

.bg-gold-500{
  background-color: #D18E29;
}

.bg-black-600{
  background-color: #222222;
}

.bg-white-400{
  background-color: #F0F0F0;
}

.border-primary-300{
  border-color: #006F5F;
}

.border-gold-500{
  border-color: #D18E29;
}


.capitalize{
  text-transform: capitalize;
}

.tab-btn-category.active{
  color: #222222;
}

.tab-btn-vertical.active{
  color: #D18E29;
}

.filter-blur-8{
  backdrop-filter: blur(8px);
}

.filter-blur-16{
  backdrop-filter: blur(16px);
}

.scale-rotatle-125{
  transform: scale(1.25) rotate(15deg);
}

.group:hover .group-hover\:scale-rotatle-0{
  transform: scale(1.25) rotate(0deg);
}

.pb-36{
  padding-bottom: 9rem;
}

.\!h-auto {
    height: auto !important;
}

.has-\[\:checked\]\:bg-gold-500:has(:checked){
  background-color: #D18E29;
}

.has-\[\:checked\]\:text-black-600:has(:checked){
  color: #222222;
}

.hover\:bg-gold-500:hover {
  background-color: #D18E29;
}

.hover\:text-black-600:hover {
  color: #222222;
}

.hover\:text-white:hover {
  color: #fff;
}

.hover\:border-white:hover {
  border-color: #fff;
}

.peer:focus ~ .peer-focus\:text-white-400{
  color: #F0F0F0;
}

.peer:hover ~ .peer-hover\:text-white-400{
  color: #F0F0F0;
}

select.option-black-600 option{
  color: #222222;
}

.h-44 {
    height: 11rem /* 176px */;
}

.max-h-44 {
    max-height: 11rem /* 176px */;
}

.min-h-44 {
    min-height: 11rem /* 176px */;
}

.h-16 {
    height: 4rem /* 64px */;
}

.h-14 {
    height: 3.5rem /* 56px */;
}

@media (min-width: 768px) {
  .md\:gradient-black-600-h{
    background: linear-gradient(270deg, #222222 37.78%, rgba(0, 0, 0, 0) 100%);
  }

  .md\:w-10\/12 {
        width: 83.333333%;
    }
}

/* Forzar visibilidad del wrapper de GTranslate */
.gtranslate_wrapper {
    display: block !important;
    visibility: visible !important;
}

/* No interferir con los estilos internos de GTranslate */

.loader{
  background: rgba(0, 111, 95, .8);
  backdrop-filter: blur(16px);
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
}

.loader img{
  width: 5rem;
  height: auto;
  margin-bottom: 1rem;
  animation: wipeUpDown 1.5s ease-in-out infinite;
}

@keyframes wipeUpDown {
  0% {
    clip-path: inset(0 0 0% 0);
  }
  25% {
    clip-path: inset(0 0 100% 0);
  }
  50% {
    clip-path: inset(100% 0 0% 0);
  }
  75% {
    clip-path: inset(0 0 0% 0);
  }
  100% {
    clip-path: inset(0 0 0% 0);
  }
}

.loader.hidden{
  display: none;
}