@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

:root {
    --bs-primary: #00497A;
    --bs-primary-rgb: 0, 73, 122;
}

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

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

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

.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: #003a62;
    --bs-btn-hover-border-color: #00365a;
    --bs-btn-active-bg: #00365a;
    --bs-btn-active-border-color: #003353;
}

.card-primary .card-header {
    background-color: var(--bs-primary) !important;
    color: #FFF !important;
}


a {
    text-decoration: none;
}

li {
    list-style: none;
}

body {
    font-family: 'Outfit', serif;
}

/* Estilos para navbar con tema dark - texto blanco */
.navbar.bg-primary .navbar-nav .nav-link,
.navbar.bg-primary .navbar-brand,
.navbar.bg-primary .navbar-nav .dropdown-item {
    color: #ffffff !important;
}

.navbar.bg-primary .navbar-nav .nav-link:hover,
.navbar.bg-primary .navbar-nav .dropdown-item:hover {
    color: #ffffff !important;
    opacity: 0.8;
}

.navbar.bg-primary .navbar-nav .nav-link i,
.navbar.bg-primary .navbar-nav .dropdown-item i {
    color: #ffffff !important;
}