/* Urbanza Theme - Colores personalizados */
:root {
    --urbanza-primary: #10a09b;
    --urbanza-secondary: #11a19b;
    --urbanza-light: #b6e3e0;
    --urbanza-white: #fdfeff;
    --urbanza-dark: #0d8680;
}

/* Botones principales */
.btn-primary {
    background-color: #10a09b !important;
    border-color: #10a09b !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #0d8680 !important;
    border-color: #0d8680 !important;
}

/* Backgrounds */
.bg-gradient-purple,
.bg-purple {
    background: linear-gradient(135deg, #10a09b 0%, #11a19b 100%) !important;
}

.bg-primary {
    background-color: #10a09b !important;
}

/* Info boxes */
.info-box-icon.bg-purple,
.info-box-icon.bg-gradient-purple {
    background: #10a09b !important;
}

.small-box.bg-purple,
.small-box.bg-gradient-purple {
    background: linear-gradient(135deg, #10a09b 0%, #11a19b 100%) !important;
}

/* Cards */
.card-primary.card-outline {
    border-top: 3px solid #10a09b;
}

.card-header.bg-primary,
.card-primary:not(.card-outline) > .card-header {
    background-color: #10a09b !important;
}

/* Sidebar */
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #10a09b !important;
}

/* Links */
a {
    color: #10a09b;
}

a:hover {
    color: #0d8680;
}

/* Badges */
.badge-primary {
    background-color: #10a09b !important;
}

.badge-purple {
    background-color: #10a09b !important;
}

/* Progress bars */
.progress-bar.bg-primary,
.progress-bar.bg-purple {
    background-color: #10a09b !important;
}

/* Borders */
.border-primary {
    border-color: #10a09b !important;
}

/* Text colors */
.text-primary {
    color: #10a09b !important;
}

/* Form controls focus */
.form-control:focus {
    border-color: #b6e3e0;
    box-shadow: 0 0 0 0.2rem rgba(16, 160, 155, 0.25);
}

/* Select2 */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #10a09b !important;
}

/* Pagination */
.page-item.active .page-link {
    background-color: #10a09b;
    border-color: #10a09b;
}

.page-link {
    color: #10a09b;
}

.page-link:hover {
    color: #0d8680;
}

/* Alerts */
.alert-primary {
    background-color: #b6e3e0;
    border-color: #10a09b;
    color: #0d8680;
}

/* Switches and checkboxes */
.custom-control-input:checked ~ .custom-control-label::before {
    background-color: #10a09b;
    border-color: #10a09b;
}

/* Tabs */
.nav-pills .nav-link.active {
    background-color: #10a09b;
}

/* Gradientes personalizados */
.gradient-urbanza {
    background: linear-gradient(135deg, #10a09b 0%, #11a19b 100%);
}

.gradient-urbanza-light {
    background: linear-gradient(135deg, #b6e3e0 0%, #fdfeff 100%);
}
