/* footer.css */
:root {
    --mh-font:    'Montserrat', sans-serif;
    --mh-gold:    #cfbb9b;
    --mh-blue:    #7fa1a8;
    --mh-navy:    #212635;
    --mh-white:   #ffffff;
}
footer {
    position: relative;                                  /* necesario para el pseudo-elem */
    background: linear-gradient(
            to right,
            var(--mh-navy) 0%,
            var(--mh-navy) 40%,
            var(--mh-navy) 100%
    ) !important;
    color: #f8f9fa;
    padding: 2rem 0;
    text-align: center;
    margin-top: auto;
    font-size: .9rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);             /* misma sombra suave del header */
}

/* Línea luminosa en la base, idéntica a la del header */
footer::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 2px;
    background: var(--mh-blue) !important;
    filter: blur(4px);
    box-shadow:
            var(--mh-navy) !important;
            var(--mh-blue) !important;
    pointer-events: none;
}

/* Ajuste del <hr> para que no rompa el gradiente */
footer hr.border-light {
    border-color: transparent;
    margin: 0;
}

/* Enlaces y botones mantienen texto claro sobre el fondo */
footer a,
footer .btn {
    color: #f8f9fa;
}
footer a:hover,
footer .btn:hover {
    color: #ffffff;
    text-decoration: underline;
}