:root {
  --c-dorado: #e7bb6a;
  --c-dorado-claro: #f2dc82;
  --c-dorado-oscuro: #ccb25e;
}

#selectLang {
  z-index: 9999;
 }

 .languageSelector {
  width: 70px;
  right: 0;
}

#languageOptions { position: fixed; }

.loader_flow {
  width: 50px;
  padding: 8px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #fff;
  --_m: 
  conic-gradient(#fff0 10%,#fff),
  linear-gradient(#fff 0 0) content-box;
  -webkit-mask: var(--_m);
          mask: var(--_m);
  -webkit-mask-composite: source-out;
          mask-composite: subtract;
  animation: l3 1s infinite linear;
}
@keyframes l3 {to{transform: rotate(1turn)}}

.loader-container {
  display: flex;
  justify-content: center;
}

/* Eliminar flechas de los inputs number */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}

/* Fix para que el header y el selector de idiomas estén por encima del banner hero */
.header {
    position: relative;
    z-index: 1000;
}

/* Asegurar que el dropdown de idiomas esté siempre visible */
#languageOptions {
    z-index: 1001;
}

/* El header top desaparece cuando el usuario hace scroll
   porque el menú sticky lo cubre al posicionarse fixed en top: 0 */

/* Anular el transform que aplica el plugin smooth-scroll al header */
.header__function {
    transform: none !important;
}

/* Asegurar que el header sticky permanezca visible */
.header__function.is__sticky {
    transform: none !important;
    position: fixed !important;
    top: 0 !important;
}

/* Clases para el menú de carta */
.bg-dorado {
  background-color: var(--c-dorado) !important;
}

.bg-dorado:hover {
  background-color: var(--c-dorado-claro) !important;
}