:root {
    --primary-blue: #0f4c81;
    --accent-green: #8cc63f;
    --dark-blue: #0a365f;
    --light-bg: #f8f9fa;
}

body {
    background-color: var(--light-bg);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #333;
}

.navbar-custom {
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.08);
}

.btn-green-mejia {
    background-color: var(--accent-green);
    color: #fff;
    font-weight: 600;
    border: none;
}

.btn-green-mejia:hover {
    background-color: #7ab800;
    color: #fff;
}

.card-custom {
    border: none;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(15, 76, 129, 0.08);
}

.hero-header {
    background: linear-gradient(135deg, var(--dark-blue), var(--primary-blue));
    color: white;
    padding: 30px 0;
    border-bottom: 5px solid var(--accent-green);
}