:root {
    --bs-body-bg: #111;
}

body {
    min-height: 100vh;
    background: #111 !important;
}

/* Hero */
.hero-section {
    background: linear-gradient(135deg, #0d1117 0%, #161b22 50%, #0d1117 100%);
    border-bottom: 1px solid #30363d;
}

/* Cards de módulo */
.module-card {
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
    border-radius: .75rem !important;
}
.module-card:hover {
    transform: translateY(-4px);
    border-color: #0d6efd !important;
    box-shadow: 0 8px 24px rgba(13, 110, 253, .25);
}

/* Inputs dark */
.form-control:focus {
    background-color: #000 !important;
    border-color: #0d6efd !important;
    color: #fff !important;
    box-shadow: 0 0 0 .2rem rgba(13,110,253,.2);
}

/* Nav tabs */
.nav-tabs .nav-link.active {
    background-color: #1c1c1e;
    border-color: #444 #444 #1c1c1e;
    color: #fff !important;
}
.nav-tabs .nav-link:hover {
    color: #aaa !important;
}