.elementor-201 .elementor-element.elementor-element-cee175d{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS *//* Asegúrate de que los IDs aquí coinciden con los que asignaste en Elementor */

/* Estilo base para todas las palabras (Gris por defecto, tamaño estándar) */
body #mi-header-principal .elementor-widget-text-editor span { /* ID de Sección */
    color: #888888; /* Gris por defecto para 'about' y 'contact' */
    cursor: pointer;
    transition: all 0.4s ease-in-out; /* Transición más fluida */
    display: inline-block;
    font-size: 16px !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500 !important;
    margin: 0 5px;
}

/* Estilo para la palabra ACTIVA (la página actual, o la clicada) */
body #mi-header-principal #mi-columna-menu #mi-widget-texto span.active { /* IDs de Sección, Columna y Widget de Texto */
    color: #000000 !important; /* Negro */
    font-size: 20px !important; /* MÁS GRANDE cuando está activa (AJUSTA ESTE VALOR) */
    font-weight: 600 !important; /* Semibold (AJUSTA ESTE VALOR SI ES OTRO) */
}

/* Estilo para la palabra en HOVER (cuando el ratón está encima) */
body #mi-header-principal #mi-columna-menu #mi-widget-texto span.hover-active { /* IDs de Sección, Columna y Widget de Texto */
    color: #000000 !important;
    font-size: 20px !important; /* MÁS GRANDE cuando está en hover (AJUSTA ESTE VALOR) */
    font-weight: 600 !important;
}


/* Asegurar que las comas no se vean afectadas por los estilos de span */
body #mi-header-principal .elementor-widget-text-editor p { /* ID de Sección */
    line-height: 1.2;
}

/* --- RESPONSIVE: Asegurar que se mantenga en una línea en pantallas pequeñas --- */
@media (max-width: 767px) {
    body #mi-header-principal .elementor-widget-text-editor span { /* ID de Sección */
        font-size: 14px !important;
        margin: 0 3px;
    }

    body #mi-header-principal #mi-columna-menu #mi-widget-texto span.active, /* IDs de Sección, Columna y Widget de Texto */
    body #mi-header-principal #mi-columna-menu #mi-widget-texto span.hover-active { /* IDs de Sección, Columna y Widget de Texto */
        font-size: 16px !important;
    }

    body #mi-header-principal .elementor-container { /* ID de Sección */
        flex-wrap: nowrap;
    }
    body #mi-header-principal .elementor-column { /* ID de Sección (asume que esta columna es parte de la sección) */
        width: auto !important;
        flex-shrink: 0;
    }

    /* Estilo para "carmen olivares" en móvil */
    body #mi-header-principal #mi-widget-nombre .elementor-heading-title { /* IDs de Sección y Widget de Nombre */
        font-size: 28px !important; /* Ajusta el tamaño del nombre en móvil */
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}/* End custom CSS */