/* ===========================
   SOCIAL MEDIA ICONS - DESKTOP
   =========================== */

.header-right .social-icons {
    display: flex !important;
    gap: 14px !important;
    align-items: center;
}

.header-right .social-icons a i {
    color: #444 !important;
    font-size: 22px;
    transition: color 0.3s ease, transform 0.2s ease;
}

.header-right .social-icons a:hover i {
    color: #4a90e2 !important;
    transform: translateY(-2px);
}

/* ===========================
   SOCIAL MEDIA ICONS - MOBILE
   =========================== */

.header-movil .social-icons {
    display: flex !important;
    gap: 14px !important;
    align-items: center;
}

.header-movil .social-icons a i {
    color: #444 !important;
    font-size: 22px;
    transition: color 0.3s ease, transform 0.2s ease;
}

.header-movil .social-icons a:hover i {
    color: #4a90e2 !important;
    transform: translateY(-2px);
}

.header-movil .social-icons a:active i,
.header-movil .social-icons a:focus i {
    color: #4a90e2 !important;
    transform: scale(1.1);
}

.hm-menu {
    background: #f7f7f7 !important;
}


.hm-menu a {
    font-family: "Roboto", "Inter", "Helvetica Neue", Helvetica, sans-serif !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    color: #333 !important;
    padding: 14px 0 !important;
    line-height: 1.4 !important;
    display: block;
}