.hp-footer {
    font-size: 0.95rem;
}

.hp-footer__link {
    color: rgba(255, 255, 255, 0.5);
    transition: all 0.3s ease;
}

.hp-footer__link:hover {
    color: #0dcaf0; /* Color info de Bootstrap */
    padding-left: 5px; /* Efecto de desplazamiento suave */
}

.hp-footer__social-btn {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease, background 0.3s ease;
}

.hp-footer__social-btn:hover {
    transform: translateY(-3px);
    background-color: #0dcaf0;
    border-color: #0dcaf0;
    color: #000 !important;
}

hr {
    border-top: 1px solid rgba(255,255,255,0.1);
}