/* Estilos para el widget de login */
.header-login-wrapper {
    display: inline-block;
    vertical-align: middle;
}

.header-login-link {
    display: inline-block;
    text-decoration: none;
    transition: all 0.3s ease;
}

.header-login-icon {
    display: inline-block;
    transition: all 0.3s ease;
}

.header-login-icon.fontello-icon {
    position: relative;
}

.header-login-icon.fontello-icon:before {
    font-family: "fontello";
    content: "\ea12";
    display: inline-block;
}

.header-login-link:hover {
    text-decoration: none;
}

/* Asegurar compatibilidad con Elementor */
.elementor-widget-header_login_widget {
    display: inline-block;
    width: auto;
}

/* Estilos para lectores de pantalla */
.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}