/* Replaces legacy Font Awesome Twitter bird (li.twitter ::before) with X logo markup.
   app.min.css uses long selectors (e.g. header .top .socials ul li.twitter a:before) with content "\f099".
   These rules must win so only the inline SVG (icon_social_x) is visible. */
header .top .socials ul li.twitter a::before,
header .top .socials ul li.twitter a:before,
footer .top .socials ul li.twitter a::before,
footer .top .socials ul li.twitter a:before,
header .socials-movil ul li.twitter a::before,
header .socials-movil ul li.twitter a:before,
li.twitter a::before,
li.twitter a:before {
    content: none !important;
    display: none !important;
    font-family: inherit !important;
}

li.twitter a {
    font-family: inherit !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

li.twitter a .social-x-icon-blade {
    display: flex !important;
    align-items: center;
    justify-content: center;
    line-height: 0;
    flex-shrink: 0;
}

li.twitter a .social-x-icon-blade svg {
    width: 18px;
    height: 18px;
    min-width: 16px;
    min-height: 16px;
    display: block;
}

/* Footer social buttons use blue icon on white tile — invert fill */
footer .top .socials ul li.twitter a .social-x-icon-blade svg path {
    fill: #14386a;
}