/* Contenedor principal del encabezado */
.header_003_outer_container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 7dvw;
    width: 100%;
    z-index: 9000;
}

/* Logo */
.header_003_logo_anchor {
    display: flex;
    align-items: center;
    justify-content: center;
    right: 3dvw;
    height: 100%;
    width: 36dvw;
    background: var(--c1);
}

.header_003_logo_anchor_image {
    height: 129%;
}

/* Botón del menú */
.header_003_button_container {
    display: none;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 0.2dvw;
    height: 100%;
    width: 8dvw;
}

.header_003_button_container_bar {
    width: 2dvw;
    height: 0.2dvw;
    background: var(--c2);
}

/* Contenedor de navegación */
.header_003_navigation_container {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 7dvw;
    width: 64dvw;
    top: 0;
    right: 0;
    gap: 0.5dvw; /* Reducir el espacio entre botones */
    padding: 0;
    z-index: 10000;
}

/* Botones de navegación */
.header_003_navigation_container_button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5dvw;
    padding: 0 1dvw; /* Reducir el padding horizontal */
    font-size: 0.8dvw;
    font-family: f1b;
    letter-spacing: 0.15dvw;
    cursor: pointer;
    text-decoration: none;
    color: var(--c2);
    white-space: nowrap; /* Evitar que el texto se divida en varias líneas */
}

.header_003_navigation_container_button:hover {
    background: var(--c8);
}

/* Contenedor de Google Translate */
#google_translate_container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5dvw;
    padding: 0 1dvw; /* Reducir el padding horizontal */
    font-size: 0.8dvw;
    font-family: f1b;
    letter-spacing: 0.15dvw;
    cursor: pointer;
    text-decoration: none;
    color: var(--c2);
    white-space: nowrap; /* Evitar que el texto se divida en varias líneas */
}

#google_translate_container:hover {
    background: var(--c8); /* Cambiar el color de fondo al pasar el mouse */
}

/* Ajustar el tamaño del selector de idiomas */
.goog-te-menu-frame {
    max-width: 100% !important; /* Asegurar que no se desborde */
}

/* Ajustar el tamaño del texto en el selector de idiomas */
#google_translate_container .goog-te-menu-value span {
   font-size: 0.8dvw !important; /* Mismo tamaño que los otros botones */
    font-family: f1b !important; /* Misma fuente que los otros botones */
    letter-spacing: 0.15dvw !important; /* Mismo espaciado entre letras */
    color: var(--c2) !important; /* Mismo color que los otros botones */
}

/* Ajustar el tamaño de la bandera en el selector de idiomas */
#google_translate_container .goog-te-menu-value img {
    width: 1.5dvw !important; /* Tamaño proporcional al texto */
    height: 1.5dvw !important;
    margin-right: 0.5dvw !important; /* Espacio entre la bandera y el texto */
}

/* Media Queries para Tablet */
@media only screen and (max-width: 950px) and (min-width: 451px) {
    /* Ajustar el tamaño del texto en tabletas */
    #google_translate_container .goog-te-menu-value span {
        font-size: 1dvw !important; /* Mismo tamaño que los otros botones */
    }

    /* Ajustar el tamaño de la bandera en tabletas */
    #google_translate_container .goog-te-menu-value img {
        width: 1.5dvw !important; /* Tamaño proporcional al texto */
        height: 1.5dvw !important;
    }
}

/* Media Queries para Móviles */
@media only screen and (max-width: 450px) {
    /* Ajustar el tamaño del texto en móviles */
    #google_translate_container .goog-te-menu-value span {
        font-size: 1.5dvw !important; /* Mismo tamaño que los otros botones */
    }

    /* Ajustar el tamaño de la bandera en móviles */
    #google_translate_container .goog-te-menu-value img {
        width: 2dvw !important; /* Tamaño proporcional al texto */
        height: 2dvw !important;
    }
}