.gk_bauhaus_collapse .content {
  background: #fff;
  padding: 0 10% 72px;
}

.gk_bauhaus_collapse .header a.accordion-button, .gk_bauhaus_collapse .header a.accordion-button:hover {
  background: #fff;
}

.marquee-wrap .marquee,
.marquee-wrap .marquee h4,
div.marquee,
div.marquee h4 {
    animation-duration: 90s !important;
    -webkit-animation-duration: 90s !important;
}

.box.marquee-wrap {
  background: #323232 !important;
  border-top: 2px solid #111;
  border-bottom: 2px solid #111;
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  /* Quitamos el overflow hidden de aquí para que el fondo negro no se acorte */
}

.box.marquee-wrap .marquee {
  margin-bottom: 0;
  min-height: 30px;
  position: relative;
  
  /* NUEVO: Forzamos a la marquesina a detenerse e iniciar 20px antes del borde izquierdo */
  margin-left: 30px;
  
  /* NUEVO: El corte del texto se ejecuta ahora en este punto exacto */
  overflow: hidden; 
}


.hero-meta {
  background: #bd9728;
  box-decoration-break: clone;
  color: #111;
  display: table;
  font-size: 14px;
  font-weight: bold;
  line-height: 2;
  margin-bottom: 8px;
  padding: 8px 16px;
  text-transform: uppercase;
}

.hero-meta-2 {
  background: #323232 !important;
  box-decoration-break: clone;
  color: #fff;
  display: table;
  font-size: 14px;
  font-weight: bold;
  line-height: 2;
  margin-bottom: 8px;
  padding: 8px 16px;
  text-transform: uppercase;
}

.blog .blog-page-header-inner h2, .blog-featured .blog-page-header-inner h2 {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.07;
  letter-spacing: -0.02em;
}

.contact .contact-name {
  display: block;
  font-size: 40px;
  line-height: 1.07;
  letter-spacing: -0.05em;
}

/* ==========================================================================
   [PASO 1] CONFIGURACIÓN DEL LOGO DE TEXTO (SOLO MÓVILES Y TABLET VERTICAL)
   ========================================================================== */

/* --- 1. VISTA DE ORDENADOR Y TABLET HORIZONTAL (PANTALLAS GRANDES) --- */
@media screen and (min-width: 1023px) {
    /* Ocultar por completo el logo de texto plano en la versión de PC */
    #gkLogo, 
    .gk-logo, 
    .gk-logo-text,
    a.gkLogo {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        text-transform: capitalize !important;
    }
}

/* ==========================================================================
   [PASO 2] POSICIONAMIENTO GENERAL DEL MÓDULO "LOGO-ORDENADOR"
   ========================================================================== */

/* --- VISTA PARA ORDENADORES Y TABLETS EN HORIZONTAL --- */
@media screen and (min-width: 1023px) {
    #gkLogoOrdenador {
        display: block !important;
        width: 100% !important;            
        text-align: center !important;
        
        /* DESPEGAR RESPECTO AL MENÚ DE ABAJO */
        margin: -60px auto 75px auto !important; 
        padding: 0 !important;
    }
}

/* --- VISTA PARA MÓVILES Y TABLETS EN VERTICAL (BORRADO ABSOLUTO) --- */
@media screen and (max-width: 1023px) {
    #gkLogoOrdenador {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        height: 0 !important;
        width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        text-transform: capitalize !important;
    }
}

/* ==========================================================================
   ESTILO GLOBAL DEL LOGO (Mantenemos tu solución del inspector)
   ========================================================================== */
.gkLogo {
  color: #ffffff !important;
  font-size: 25px;
  font-weight: bold;
  line-height: 1;
  text-transform: capitalize;
  /* Mantenemos el padding limpio a la izquierda que descubriste en tu prueba definitiva */
  padding: 16px 0px 0px 15px !important; 
}


/* ==========================================================================
   [PASO 3] CONTROL DE VISIBILIDAD DE MÓDULOS EN LA POSICIÓN MAINBODY
   ========================================================================== */

/* --- VISTA PARA ORDENADORES, PORTÁTILES Y TABLETS (PANTALLAS GRANDES) --- */
@media screen and (min-width: 769px) {
    /* Mostrar el módulo de PC y ocultar por completo el módulo de teléfonos */
    .solo-pc {
        display: block !important;
    }
    .solo-movil {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

/* --- VISTA EXCLUSIVA PARA TELÉFONOS MÓVILES (PANTALLAS PEQUEÑAS) --- */
@media screen and (max-width: 768px) {
    /* Ocultar el módulo pesado de PC y mostrar exclusivamente el de móviles */
    .solo-pc {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .solo-movil {
        display: block !important;
    }
}

.finder > h1 {
  font-size: 40px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  margin-bottom: 96px;
}

/* Color de fondo dorado por defecto (El que ya te funciona) */
.btn-secondary {
    background: #bd9728 !important;
    background-image: none !important;
    color: #fff !important;
    border-color: #bd9728 !important;
}

/* EFECTO HOVER: Cambiar a fondo negro al pasar el ratón */
.btn-secondary:hover {
    background: #000000 !important;      /* Color negro de fondo */
    background-image: none !important;
    color: #ffffff !important;            /* Texto en blanco para que contraste */
    border-color: #000000 !important;     /* Borde negro */
}

/* ==========================================================================
   MOSAICO DE 5 COLUMNAS - BIBLIOTECA EDOCMAN (GK BAUHAUS)
   ========================================================================== */

/* Contenedor principal de la cuadrícula */
.gk-mosaico-biblioteca {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* Fuerza exactamente 5 columnas en PC */
    gap: 35px;                             /* Espacio de separación entre las imágenes */
    padding: 20px 0;
    width: 100%;
}

/* Contenedor individual de cada una de las 18 categorías */
.gk-mosaico-biblioteca .mosaico-item {
    position: relative;
    overflow: hidden;
    text-align: center;
}

/* Enlace contenedor */
.gk-mosaico-biblioteca .mosaico-item a {
    text-decoration: none;
    display: block;
}

/* Control del tamaño y efecto de escala de grises de las imágenes */
.gk-mosaico-biblioteca .mosaico-item img {
    width: 180px;                    /* Ancho de las imágenes */
    height: 180px;                   /* Alto de las imágenes */
    object-fit: cover;               /* Recorta y alinea sin deformar la imagen */
    margin: 0 auto;                  /* Centra la imagen en su columna */
    display: block;
    filter: grayscale(100%);         /* Efecto inicial: Blanco y negro total */
    -webkit-filter: grayscale(100%);
    transition: filter 0.4s ease, transform 0.4s ease; /* Transición suave de 0.4 segundos */
}

/* EFECTO HOVER: Al pasar el ratón por encima, vuelve a su color original */
.gk-mosaico-biblioteca .mosaico-item:hover img {
    filter: grayscale(0%);           /* Recupera el color original */
    -webkit-filter: grayscale(0%);
    transform: scale(1.04);          /* Ligerísimo zoom estético */
}

/* Estilo para los títulos de texto debajo de las imágenes */
.gk-mosaico-biblioteca .mosaico-item span {
    display: block;
    margin-top: 12px;
    font-size: 14px;
    font-weight: bold;
    color: #333333;                  /* Color del texto por defecto */
    transition: color 0.3s ease;
}

/* Al pasar el ratón, el texto cambia a tu color ocre corporativo */
.gk-mosaico-biblioteca .mosaico-item:hover span {
    color: #bd9728;                  /* Tu color dorado/ocre */
}

/* ==========================================================================
   ADAPTACIÓN PARA DISPOSITIVOS MÓVILES (RESPONSIVE)
   ========================================================================== */

/* Pantallas medianas (Tablets o portátiles pequeños) -> 3 Columnas */
@media (max-width: 1024px) {
    .gk-mosaico-biblioteca {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 15px;
    }
}

/* Pantallas pequeñas (Teléfonos móviles) -> 2 Columnas */
@media (max-width: 768px) {
    .gk-mosaico-biblioteca {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 15px;
    }
}

/* Teléfonos muy pequeños -> 1 Sola columna para que no se amontone */
@media (max-width: 480px) {
    .gk-mosaico-biblioteca {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}

/* ==========================================================================
   CONTROL DE TAMAÑO PARA LA IMAGEN DE LA CATEGORÍA (EDOCMAN)
   ========================================================================== */

/* Reducir y dar formato a la imagen de cabecera de la categoría */
.edocman-category-details .edocman-category-image img,
.edocman-description img,
img[class*="category-image"] {
    width: 180px !important;      /* Cambia este valor al tamaño que desees en píxeles */
    height: 180px !important;     /* Altura idéntica para mantener el formato cuadrado */
    object-fit: cover !important; /* Recorta la imagen de forma limpia si fuera necesario */
    float: left;                  /* Hace que el texto flote a la derecha de la imagen */
    margin-right: 25px;           /* Margen de separación entre la imagen y tu texto */
    margin-bottom: 15px;          /* Espacio inferior */
    border-radius: 4px;           /* Opcional: esquinas suavemente redondeadas */
}

/* Limpiar el flotado para que las subcategorías de abajo no se monten */
.edocman-category-details::after {
    content: "";
    clear: both;
    display: table;
}

#edocman-category .edocman-page-sub-box {
  box-shadow: 0 10px 30px 0 #00000012;
  border-radius: 5px;
  position: relative;
  transition-property: color,background-color,background-size,border-color,box-shadow;
  width: 100%;
  flex: auto;
}

/* Reduce el espacio superior solo cuando se publica algo en tu nueva posición */
#gkMainbodyTop + #gkMainbody {
    padding-top: 24px !important; /* Cambia 24px por la separación que más te guste */
}

/* Opcional: Reduce el margen inferior del propio módulo si queda muy pegado */
#gkMainbodyTop {
    margin-bottom: 10px !important;
}

/* Añade separación por encima del módulo mainbody_top */
#gkMainbodyTop {
    margin-top: 50px !important; /* Incrementa este número si quieres bajarlo más */
}

#gkPageContent *, 
#gkMainbody * {
    box-shadow: none !important;
}

/* ==========================================================================
   SOLUCIÓN DE TAMAÑO, BORDES SIMÉTRICOS Y TRANSICIÓN DORADA EN EDOCMAN
   ========================================================================== */

/* 1. ESTABILIZACIÓN DE TAMAÑO: Evitamos que el botón "engorde" o mueva al de al lado */
.com_edocman .edocman-view-toggle .btn-group > .btn,
.com_edocman .edocman-view-toggle .btn {
    box-sizing: border-box !important; /* Fuerza al navegador a incluir el borde en el tamaño total */
    transition: none !important;        /* Elimina la rampa de tiempo animada que parpadea en azul */
    margin: 0 !important;               /* Evita que los botones bailen o se pisen entre sí */
}

/* 2. CONFIGURACIÓN DEL BORDE RÍGIDO: Mantiene el contorno inmóvil al alternar */
.com_edocman .edocman-view-toggle .btn-check:checked + .btn,
.com_edocman .edocman-view-toggle .btn-check:checked + .btn-primary,
.com_edocman .edocman-view-toggle .btn.active,
.com_edocman .edocman-view-toggle .btn-primary.active {
    background-color: #bd9728 !important;
    border: 1px solid #bd9728 !important; /* Fuerza un borde de 1px exacto y dorado */
    color: #ffffff !important;
    box-shadow: none !important;          /* Fulmina el resplandor de 4px azul que deforma el tamaño */
    z-index: 1 !important;                 /* Evita que la línea del botón de al lado se monte encima */
}

/* 3. ANULACIÓN DEL FOCUS RING (EL DESTELLO DE TAMAÑO): Evita la expansión azul al clicar */
.com_edocman .edocman-view-toggle .btn:focus,
.com_edocman .edocman-view-toggle .btn-primary:focus,
.com_edocman .edocman-view-toggle .btn-check:focus + .btn,
.com_edocman .edocman-view-toggle .btn-check:checked + .btn:focus {
    outline: none !important;
    border-color: #bd9728 !important;
    /* Sustituye la sombra azul expansiva por una línea interna milimétrica del mismo dorado */
    box-shadow: inset 0 0 0 1px #bd9728 !important; 
}

/* 4. MANTENEMOS EL EFECTO HOVER EN DORADO OSCURO CON SU TAMAÑO CORRECTO */
.com_edocman .edocman-view-toggle .btn:hover,
.com_edocman .edocman-view-toggle .btn-check:checked + .btn:hover {
    background-color: #9c7b1e !important;
    border: 1px solid #9c7b1e !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

/* Anular por completo el estrechamiento del 20% en los artículos */
.article #gkMainbody.gkcomponent {
    padding-left: 10% !important;
    padding-right: 10% !important;
}

/* ==========================================================================
   MENÚ AUXILIAR HORIZONTAL - EXCLUSIVO PARA PC (OCULTO EN MÓVILES)
   ========================================================================== */

/* Si la pantalla mide menos de 992 píxeles (Móviles y Tablets), destruye el módulo */
@media (max-width: 991px) {
    .menu-auxiliar-horizontal {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

/* Si la pantalla es de PC (992 píxeles o más), aplica tu diseño centrado perfecto */
@media (min-width: 992px) {
    .menu-auxiliar-horizontal {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 12px 0 !important; 
        padding-left: 10% !important;
        padding-right: 10% !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    .menu-auxiliar-horizontal ul.menu,
    .menu-auxiliar-horizontal ul {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
        gap: 8px !important; 
        justify-content: center !important; 
        line-height: 1 !important; 
    }

    .menu-auxiliar-horizontal ul li {
        display: inline-block !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .menu-auxiliar-horizontal ul li a {
        display: block !important;
        font-size: 14px !important; 
        text-transform: none !important; 
        letter-spacing: 0px !important;
        color: #333333 !important;
        text-decoration: none !important;
        font-weight: 500 !important;
        padding: 4px 14px !important; 
        line-height: 1.1 !important; 
        transition: all 0.2s ease;
    }

    .menu-auxiliar-horizontal ul li a:hover {
        color: #000000 !important;
        background-color: #f5f5f5 !important; 
    }

    .menu-auxiliar-horizontal ul li.current a,
    .menu-auxiliar-horizontal ul li.active a,
    .menu-auxiliar-horizontal ul li[class*="active"] > a,
    .menu-auxiliar-horizontal ul li[class*="current"] > a {
        background-color: #000000 !important; 
        color: #ffffff !important; 
        font-weight: 600 !important;
    }
}

.cc_container .cc_btn, .cc_container .cc_btn:visited {
  color: #ffffff !important;
  background-color: #bd9728 !important;
  transition: background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;
  -webkit-transition: background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

.cc_container a, .cc_container a:visited {
  text-decoration: none;
  color: #ffffff !important;
  transition: 200ms color;
}

/* Efecto al pasar el ratón por encima del botón de aceptación */
.cc_container .cc_btn:hover {
  background-color: #9c7b1d !important; /* Un tono dorado un poco más oscuro */
  color: #ffffff !important;
}

/* Forzar el subrayado en los enlaces dentro del banner de cookies */
.cc_container a, 
.cc_container a:visited, 
.cc_container .cc_link {
  text-decoration: underline !important;
  text-decoration-style: solid !important; /* Asegura que la línea sea continua */
}

/* Efecto opcional: cambia el estilo al pasar el ratón por encima */
.cc_container a:hover, 
.cc_container .cc_link:hover {
  text-decoration: underline !important;
  opacity: 0.9; /* Hace el enlace ligeramente más claro al pasar el cursor */
}

/* Ocultar la palabra Empty nativa en las categorías de EDocman */
.edocman-empty, 
.view-category .alert-warning,
.view-category .empty {
    font-size: 0 !important; /* Esconde el texto original en inglés */
}

#edocman-document-page .document-card .facebook {
  background-color: #e1e1e1;
}

#edocman-document-page .document-card .twitter {
  background-color: #e1e1e1;
}

#edocman-document-page .document-card .linkedin {
  background-color: #e1e1e1;
}

#edocman-document-page .document-card .btn-primary:hover, #edocman-document-page-blog .btn-primary:hover {
  background-color: #666 !important;
}

#edocman-document-page .document-card .btn-primary, #edocman-document-page-blog .btn-primary {
  background-color: #333333 !important;
  color: #fff !important;
}

/* Pegar el módulo 155 al anterior solo en versión móvil */
@media screen and (max-width: 767px) {
    .pegado-movil {
        margin-top: -25px !important;
        padding-top: 0 !important;
    }
}

[class^="fa fa-"], [class*=" fa-"] {
  color: #fff;
}

.contenedor-imagenes {
  display: flex;          /* Alinea los elementos en línea */
  gap: 50px;              /* Espacio de separación entre las dos imágenes */
  justify-content: center;/* Centra las imágenes (usa 'flex-start' para alinearlas a la izquierda) */
  align-items: center;    /* Alinea las imágenes verticalmente al centro */
  width: 100%;            /* Ocupa el ancho total disponible */
}

.imagen-linea {
  width: 90px;            /* Asigna el tamaño exacto que desees */
  height: auto;
}


/* Ajuste opcional para pantallas muy pequeñas (móviles) */
@media (max-width: 480px) {
  .contenedor-imagenes {
    flex-direction: row;  /* Mantiene la línea incluso en móviles. Cambiar a 'column' si prefieres que se apilen */
  }
}

.convertforms .captcha-container .captcha-equation {
  font-size: 1.0em !important;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  white-space: nowrap;
}

.campo-alto-personalizado input {
    height: 55px !important;
    line-height: 55px !important; /* Centra el texto verticalmente */
    padding: 0 15px !important;
}

.campo-alto-personalizado-2 textarea {
    padding-top: 20px !important; /* Empuja todo el bloque de texto hacia abajo */
}

.convertforms {
  --color-primary: #4285F4;
  --color-success: #bd9728;
  --color-danger: #d73e31;
  --color-warning: #F4B400;
  --color-default: #444;
  --color-grey: #ccc;
}

.gkMainMenu > .gkmenu.level0 > li > a, .gkMainMenu > .gkmenu.level0 > li > span {
  border: 0;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3333333;
  padding: 12px 0;
  position: relative;
  text-decoration: none;
  text-transform: none !important;
}

#gkMobileMenu #static-aside-menu-toggler {
  color: #ffffff !important;
  cursor: pointer;
  font-size: 32px;
  transition: all .4s;
}



/* ==========================================================================
   [PASO 3] REESTRUCTURACIÓN COMPACTA FIJA (MÓVILES Y TABLETS VERTICALES)
   ========================================================================== */
@media screen and (max-width: 1023px) { /* <--- AMPLIADO DE 768px A 1023px */

    /* 1. Fondo negro indestructible de la barra superior en móviles y tablets */
    html body #gkHeader,
    html body #gkHeader.affix-top,
    html body .gk-header,
    html body header,
    html body [id*="gkHeader"] {
        background: #323232 !important;
        background-color: #323232 !important;
        background-image: none !important;
        height: 60px !important;            
        min-height: 60px !important;
        position: relative !important;      
        display: block !important;
        padding: 0 !important;
        margin: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    /* 2. Devolvemos el comportamiento de fábrica a los bloques internos para sanar el cuerpo */
    html body #gkHeader > div,
    html body .gkPage,
    html body .mod-custom-custom307,
    html body .hero-content-wrap {
        display: block !important;
        background: transparent !important;
        background-color: transparent !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* 4. Colocamos el menú flotando a la derecha y centrado verticalmente */
    html body #gkMobileMenu,
    html body #static-aside-menu-toggler,
    html body .gk-mobile-menu {
        position: absolute !important;
        top: 46% !important;
        transform: translateY(-50%) !important; 
        right: 15px !important;                
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 32px !important;
        color: #ffffff !important;
        z-index: 9999 !important;              
    }
}

/* ==========================================================================
   [PASO 5] CONTROL DE VISIBILIDAD DE MÓDULOS EN TABLET VERTICAL
   ========================================================================== */
@media screen and (max-width: 1023px) {
    /* Forzamos el borrado absoluto del módulo de PC en móviles y tablets verticales */
    .solo-pc {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        height: 0 !important;
        width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Forzamos la activación del módulo específico de móvil en tablets verticales */
    .solo-movil {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        width: auto !important;
        height: auto !important;
    }
}

.btn::after, button::after, input[type="button"]::after, input[type="submit"]::after, .btn-link::after {
  content: none !important;
  display: inline-block;
  font-family: "Ionicons";
  font-size: 35px;
  line-height: .5;
  margin-left: 16px;
  vertical-align: middle;
}

.partner-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}

/*#gkHeader {
  border-right: 2px solid #111;
  padding: 75px 72px 96px;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  transition: opacity .4s, padding .4s;
  overflow-x: auto;
  max-width: 482px;
  visibility: hidden;
  width: calc(25% + 2px);
  z-index: 2;
}*/

.box .header {
  margin-top: 60px !important;
}

@media (max-width: 767px) {
    /* Forzar a que todas las imágenes de introducción tengan el mismo comportamiento */
    .intro-image img, 
    .gk-news-image img { 
        display: block !important;
        max-width: 90% !important; /* Controla el ancho máximo en móvil */
        width: 100% !important;     /* Obliga a reescalar correctamente */
        height: auto !important;    /* Mantiene la proporción */
        margin: 25px auto !important; /* Margen idéntico: 15px arriba/abajo y centrado lateral */
        float: none !important;     /* Evita que se alineen a los lados */
    }
    
    /* Asegurar que los contenedores no añadan paddings o márgenes extra extraños */
    .intro-image,
    .gk-news-image {
        padding: 0 !important;
        margin: 0 auto !important;
        text-align: center !important;
    }
}

@font-face {
    font-family: 'Berlin Sans FB';
    src: url('../fonts/berlin-sans/berlin-sans.woff2') format('woff2'),
         url('../fonts/berlin-sans/berlin-sans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Clase personalizada para usar la fuente de forma quirúrgica */
.texto-berlin {
    font-family: 'Berlin Sans FB', sans-serif !important;
}

.gkLogo.text, h1, h2, h3, h4, h5, h6, .header, .page-header {
  font-family: 'Berlin Sans FB', sans-serif !important;
}

/* Corrección de alineación vertical para pantallas móviles y tablets */
@media (max-width: 1024px) {
    .gk_bauhaus_collapse .header a.accordion-button {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
}