/* footer.css */
footer {
    position: relative;                                  /* necesario para el pseudo-elem */
    background: linear-gradient(to right, #3f111e, #1c0510) !important;  /* gradiente del header */
    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: rgba(255, 1, 39, 0.6);
    filter: blur(4px);
    box-shadow:
            0 0 8px rgba(33, 11, 11, 0.8),
            0 0 16px rgba(255, 0, 0, 0.48);
    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;
}