.hero-section {
    position: relative;
    overflow: hidden;
    background-color: #0f172a; /* Azul muy oscuro para contraste */
}

#particles-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none; /* Permite clicks en los botones a través del canvas */
}

.hero-section .container {
    position: relative;
    z-index: 1;
}

/* Estilo Moderno para el Footer (Deep Oceanic) */
footer, .footer-section {
    background-color: #020617; /* Un tono más profundo y moderno */
    color: #f8fafc !important; /* Blanco hueso para no cansar la vista */
    padding: 3rem 0 1.5rem;
}

footer .text-muted, .credits, .copyright, footer p, footer span, footer small {
    color: #64748b !important; /* Gris pizarra (Slate 500) elegante y legible */
    font-weight: 400;
}

footer a {
    color: #38bdf8;
    text-decoration: none;
    transition: color 0.3s ease, border-bottom 0.3s ease;
    border-bottom: 1px solid transparent;
}

footer a:hover {
    color: #7dd3fc;
    border-bottom: 1px solid #7dd3fc;
}

footer hr {
    border-top: 1px solid rgba(255, 255, 255, 0.05); /* Línea casi invisible para un look premium */
    margin: 2.5rem 0;
}

footer .opacity-75 {
    transition: opacity 0.3s ease;
}
footer .opacity-75:hover {
    opacity: 1 !important;
    color: #38bdf8 !important;
}