:root {
    --primary-color: #103A89;
    --accent-color: #ffcc00;
}

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

.btn-primary:hover {
    background-color: #0d2e6d !important;
}

.btn-accent {
    background-color: var(--accent-color) !important;
    color: var(--primary-color) !important;
    border: none !important;
    font-weight: 700 !important;
}

.btn-accent:hover {
    background-color: #e6b800 !important;
}

.card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: none !important;
    border-top: 4px solid var(--accent-color) !important; /* Detalle dorado superior */
}

.card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(16, 58, 137, 0.15);
}

.pagination .page-item.active .page-link {
    background-color: var(--accent-color) !important;
    border-color: var(--accent-color) !important;
    color: var(--primary-color) !important;
}

.text-blue {
    color: var(--primary-color) !important;
}

.text-gold {
    color: var(--accent-color) !important;
}

/* Mejoras del Logo */
.navbar-brand img {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.navbar-brand:hover img {
    transform: scale(1.05);
    filter: drop-shadow(0 4px 8px rgba(0,0,0,0.2));
}

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