section {
    padding: 80px 0;
}

.navbar {
    background-color: #212529;
}

.navbar a,
.navbar-brand {
    color: #fff !important;
}

.section-title {
    font-size: 2rem;
    margin-bottom: 40px;
}

.icon {
    font-size: 1.5rem;
    color: #0d6efd;
    margin-right: 10px;
}

/* Estilos generales */
section {
    padding: 80px 0;
}

.navbar {
    background-color: #212529;
}

.navbar a,
.navbar-brand {
    color: #fff !important;
}

.section-title {
    font-size: 2rem;
    margin-bottom: 40px;
}

.icon {
    font-size: 1.5rem;
    color: #0d6efd;
    margin-right: 10px;
}

/* 🌙 Modo oscuro */
body.dark-mode {
    background-color: #121212;
    color: #e0e0e0;
}

body.dark-mode .navbar {
    background-color: #1e1e1e;
}

body.dark-mode section {
    background-color: #121212;
    color: #e0e0e0;
}

body.dark-mode footer {
    background-color: #1e1e1e;
}

body.dark-mode .card {
    background-color: #1e1e1e;
    color: #fff;
}

body.dark-mode .btn-outline-primary {
    color: #e0e0e0;
    border-color: #e0e0e0;
}