:root {
    --color-principal: #000000 !important;  /* Azul */
    --color-secundario: #000000 !important; /* Verde */
    --color-fondo: #000000 !important;      /* Fondo claro */
    --color-texto: #000000 !important;      /* Texto oscuro */
}


/* Aplicar los colores a las secciones */
body {
    background-color: var(--color-fondo);
    color: var(--color-texto);
}

.navbar, .btn-success {
    background-color: var(--color-principal);
}

.btn-success:hover {
    background-color: var(--color-secundario);
}

header, .card {
    background-color: var(--color-fondo);
}

.section-padding {
    padding: 60px 0;
}

.navbar-nav .nav-link {
    color: #343a40;  /* Color de texto del menú */
}

.navbar-nav .nav-link:hover {
    color: #007bff;  /* Color al pasar el ratón */
}

:root {
    --navbar-bg: #000000; /* Color de fondo de la barra */
}

#quienes-somos {
    background-image: url('{% static "images/fondo.jpeg" %}');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: black;
    padding: 80px 0;
    min-height: 500px;
    background-color: rgba(0, 0, 0, 0.5);  /* Añadir un filtro oscuro */
}