/* styles.css */

:root {
    --primario: #2b2f32;; /* Morado suave */
    --secundario: #ffffff; /* Blanco */
    --terciario: #a79cda; /* Azul oscuro */
}

body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

footer {
    background-color: var(--terciario);
    color: var(--primario);
    padding: 20px 0;
}

footer p {
    margin: 0;
    line-height: 1.5;
}

footer a {
    color: var(--secundario);
    text-decoration: none;
    transition: color 0.3s ease;
}

footer a:hover {
    color: var(--primario);
}

footer .container {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

footer .fw-bold {
    font-weight: bold;
}

@media (max-width: 576px) {
    footer .d-flex {
        flex-direction: column;
    }

    footer .d-flex a {
        margin-bottom: 10px;
    }
}