.elementor-27 .elementor-element.elementor-element-12dc54d{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-27 .elementor-element.elementor-element-26b38b8 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-27 .elementor-element.elementor-element-e6cd73b > .elementor-container{min-height:139px;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-27 .elementor-element.elementor-element-cb22814{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-27 .elementor-element.elementor-element-f6a34ee{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}@media(max-width:1024px){.elementor-27 .elementor-element.elementor-element-f6a34ee{--container-widget-width:80%;--container-widget-flex-grow:0;width:var( --container-widget-width, 80% );max-width:80%;}}@media(max-width:767px){.elementor-bc-flex-widget .elementor-27 .elementor-element.elementor-element-541ccd2.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-27 .elementor-element.elementor-element-541ccd2.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-27 .elementor-element.elementor-element-f6a34ee{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}}/* Start custom CSS for html, class: .elementor-element-edd0715 *//* --- Tus reglas base actualizadas --- */
.header-top {
    background: #333;
    color: white;
    padding: 10px 0;
    font-size: 0.9rem;
}

.header-top .container-broad {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.container-broad {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* --- Nuevas reglas para el contenido --- */

/* Alineación de la derecha (banderas + botón) */
.header-top-right {
    display: flex;
    align-items: center;
    gap: 20px; /* Espacio entre el grupo de banderas y el botón */
}

/* Contenedor de las banderas */
.lang-flags {
    display: flex;
    align-items: center;
    gap: 8px; /* Espacio entre banderas */
}

.lang-flags img {
    width: 20px; /* Tamaño pequeño para la barra superior */
    height: auto;
    display: block;
    transition: opacity 0.2s;
    border-radius: 2px;
}

.lang-flags a:hover img {
    opacity: 0.8;
}

/* El botón de Donar ajustado al fondo oscuro */
.btn-donate {
    background-color: #f39c12; 
    color: white !important;
    text-decoration: none;
    padding: 6px 15px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.85rem;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: background 0.3s;
}

.btn-donate:hover {
    background-color: #e67e22;
}

/* Estilo para el icono de ubicación */
.header-top-left i {
    margin-right: 5px;
    color: #ccc; /* Color suave para el icono */
}

/* Responsive básico */
@media (max-width: 600px) {
    .header-top .container-broad {
        flex-direction: column;
        gap: 10px;
    }
}/* End custom CSS */