/* ════════════════════════════════════════
   FOOTER — original (sin cambios)
════════════════════════════════════════ */
.footer {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 100px;
    height: 100%;
}
.footer .a-text {
    margin-left: 2%;
    color: white;
    text-decoration: none;
    font-family: Roboto;
    font-weight: 400;
    font-size: 20px;
    position: relative;
    display: block;
    width: fit-content;
}
.footer .a-text::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -5px;
    width: 100%;
    height: 2px;
    background: #d72b1f;
    transform: translateX(-50%) scaleX(0);
    transform-origin: center;
    transition: transform 0.3s ease;
    will-change: transform;
}
.footer .a-text:hover::after {
    transform: translateX(-50%) scaleX(1);
}
.footer .a-text:hover {
    color: rgba(255, 255, 255, 0.773);
    transition: color 0.3s ease;
}
.logo-wrapper {
    display: flex;
    align-items: center;
    margin-right: 100px;
    height: 100%;
    margin-left: -150px;
}

/* ════════════════════════════════════════
   RESPONSIVE — solo se activa en móvil
════════════════════════════════════════ */
@media (max-width: 600px) {
    footer > div {
        height: auto !important;
        padding: 24px 0 !important;
    }
    .footer {
        flex-direction: column !important;
        align-items: center !important;
        gap: 24px !important;
        text-align: center !important;
    }
    .logo-wrapper {
        margin-right: 0 !important;
        margin-left: 0 !important;
        justify-content: center !important;
        height: auto !important;
    }
    .footer .a-text {
        margin-left: 0 !important;
    }
}