:root {
    --color-bg: #dee3e6;
    --color-header: #5a6281;
    --color-footer: #295ba4; /* Azul corporativo */
    --color-primary: #295ba4;
    --color-secondary: #5a6281;
    --font-heading: 'Inter', sans-serif;
    --font-body: 'Inter', sans-serif;
}

body {
    background-color: var(--color-bg);
    font-family: var(--font-body);
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
}

.bg-dark-custom {
    background-color: var(--color-header) !important;
}

.bg-primary-custom {
    background-color: var(--color-footer) !important;
}

.btn-primary {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn-primary:hover {
    background-color: #1e4580;
    border-color: #1e4580;
}

.card {
    border: none;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
    border-radius: 8px;
}

/* Hero Section */
.hero-section {
    background: linear-gradient(135deg, #ffffff 0%, #f1f3f5 100%);
    padding: 4rem 2rem;
    border-radius: 0 0 2rem 2rem;
    margin-bottom: 2rem;
}