:root {
    --azul-valle: #004085;
    --verde-valle: #28a745;
}

body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }

.navbar { background-color: var(--azul-valle) !important; }

.hero-section {
    background: linear-gradient(rgba(0,64,133,0.7), rgba(0,64,133,0.7)), url('../img/hero-bg.jpg');
    background-size: cover;
    color: white;
    padding: 100px 0;
}

.btn-primary { background-color: var(--verde-valle); border: none; }
.btn-primary:hover { background-color: #218838; }

.course-card img {
    height: 200px;
    object-fit: cover;
}