@font-face {
    font-family: 'nexa_bold';
    src: url('../fonts/nexa-bold.woff2') format('woff2'),
         url('../fonts/nexa-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.languages-wrapper {
    display: flex;
    align-items: center; /* Centra verticalmente los elementos */
    gap: 10px; /* Ajusta el espacio entre los elementos según necesites */
}

/* Contenedor principal: asegura que Language y los idiomas estén en línea */
.mod-languages {
    display: flex; /* Coloca todo en una línea */
    justify-content: center; /* Cambia a centrado */
    align-items: center; /* Alinea verticalmente todos los elementos */
    gap: 10px; /* Espaciado entre Language y los idiomas */
    text-align: right;
}

/* Elimina el estilo de lista de los idiomas */
div.mod-languages ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: center; /* Cambia a centrado */
}

/* Asegura que los elementos dentro de la lista estén alineados */
div.mod-languages ul.lang-inline li {
  margin: 0;
  padding: 0;
  display: inline-block; /* Cada idioma se muestra en línea */
}

/* Opcional: Estilo para el texto "Language" */
.mod-languages .pretext {
    margin: 0; /* Elimina márgenes extra */
    padding: 0; /* Elimina relleno extra */
    line-height: 1; /* Ajusta la altura de la línea */
    font-size: 16px; /* Ajusta el tamaño de la fuente para igualarlo */
    display: flex; /* Asegura la alineación con flexbox */
    align-items: center; /* Centra verticalmente */
    text-align: right;
}



/* Asegura que la bandera y el texto del idioma estén alineados horizontalmente */
.mod-languages ul li a {
    display: flex; /* Coloca la bandera y el texto en una línea */
    align-items: center; /* Alinea verticalmente */
    gap: 5px; /* Espaciado entre la bandera y el texto */
    padding: 0px 5px; /* Espaciado interno */
    text-decoration: none; /* Quita subrayado */
}


/* Ajusta el espaciado entre las opciones de idiomas */
.mod-languages ul li {
    display: inline-flex; /* Mantiene cada idioma en una línea */
    align-items: center; /* Alinea verticalmente */
    margin: 0; /* Elimina márgenes extra */
    padding: 0; /* Elimina relleno extra */
}

.mod-languages .pretext p {
  margin: 0; /* Elimina márgenes superior e inferior */
  padding: 0; /* Elimina cualquier relleno */
  display: inline; /* Asegura que el texto esté en línea */
}


h1, h2, h3, h4, h5, h6{
    font-family: 'nexa_bold' !important;
}

.logo-image {
  margin-top: 10px;
}


.grp-reviews-review-text {
  font-size: 16px !important;
  font-family: 'Spartan', sans-serif !important;
  font-weight: 600 !important;
}

.sppb-btn {
  font-weight: 700 !important;
  font-family: 'Spartan', sans-serif !important;
}


.ba-caption .ba-caption-content .short-description {
  font-weight: 500 !important;
  text-decoration: underline !important;
}


.sp-module-content .mod-languages ul.lang-inline li a {
  font-weight: 800;
}

div.mod-languages ul li.lang-active {
  background-color: #55b957 !important;
  padding: 2px 20px;
  border-radius: 99px;
}

div.mod-languages ul li.lang-active:hover {
  background-color: #55b957 !important;
  padding: 2px 20px;
  border-radius: 99px;
}

@media (max-width: 1024px) {
  .ba-modal .ba-modal-header {
        /*box-shadow: inset 0px 130px 100px -125px rgba(0, 0, 0, 1) !important;*/
    
    box-shadow: inset 0px 130px 100px -125px rgba(0, 0, 0, 1) !important;
  }
}

.ba-modal-body.ba-resize > div.modal-image:not(.embed) {
    /*padding-top: var(--modal-body-padding-top);*/
    padding-top: 50px !important;
}

/* end code for ba-gallery background color*/

@media only screen and (max-width: 768px){
    #sp-menu > .sp-column {
        height: 70% !important;
        padding: 4px 30px 4px 30px !important;
    }
    
    
    #sp-header {
    padding-top: 20px !important;
    }


    .sp-contact-info {
    display: none;
    }

}

.border-custom-left-round {
    border-radius: 20px 0px 0px 0px !important;
}

.border-custom-right-round {
    border-radius: 0px 20px 0px 0px !important;
}

.border-custom-mobile-round {
    border-radius: 20px 20px 0px 0px !important;
}