/* Custom theme for aspirante registration form - Gris oscuro */
:root {
    --theme-primary: #2d3436;
    --theme-primary-light: #636e72;
    --theme-primary-dark: #1e272e;
    --theme-accent: #b2bec3;
    --theme-bg: #f5f6fa;
}
body {
    background: var(--theme-bg) !important;
}
.card {
    border: none !important;
}
.card-body {
    background: #fff !important;
    border-radius: 8px !important;
}
.btn.btn-primary, .btn.btn-success {
    background: var(--theme-primary) !important;
    border-color: var(--theme-primary) !important;
    color: #fff !important;
    border-radius: 4px !important;
}
.btn.btn-primary:hover, .btn.btn-success:hover {
    background: var(--theme-primary-dark) !important;
    border-color: var(--theme-primary-dark) !important;
}
.btn.btn-outline-secondary, .btn.btn-outline-info {
    color: var(--theme-primary) !important;
    border-color: var(--theme-primary) !important;
    border-radius: 4px !important;
}
.btn.btn-outline-secondary:hover, .btn.btn-outline-info:hover {
    background: var(--theme-primary) !important;
    color: #fff !important;
}
.step-circle {
    background: #dfe6e9 !important;
    color: #636e72 !important;
    border-color: #b2bec3 !important;
}
.step-circle.active {
    background: var(--theme-primary) !important;
    color: #fff !important;
    border-color: var(--theme-primary) !important;
}
.step-circle.completed {
    background: #28a745 !important;
    color: #fff !important;
    border-color: #28a745 !important;
}
.step-line.active {
    background: var(--theme-primary) !important;
}
.step-line.completed {
    background: #28a745 !important;
}
.form-section-title {
    background: #f1f2f6 !important;
    color: var(--theme-primary-dark) !important;
    border-left-color: var(--theme-primary) !important;
}
.modal-aviso-content {
    background: #fff !important;
    padding: 30px !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 30px rgba(0,0,0,0.12) !important;
}
h2, h4 {
    color: var(--theme-primary-dark);
}
.comprobante-box {
    border-color: var(--theme-primary) !important;
}
.comprobante-box .folio {
    color: var(--theme-primary) !important;
}

form select.form-select, form input.form-control {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    min-height: 48px !important;
    font-size: 1rem !important;
}