@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;
}

/* Estilos botones light que se usan en pagos */
.btn-light {
    --bs-btn-bg: #f2f2f2;
    --bs-btn-border-color: #e4e4e4;
    --bs-btn-hover-bg: #003a62;
    --bs-btn-hover-border-color: #d9d9d9;
    --bs-btn-active-bg: #d9d9d9;
    --bs-btn-active-border-color: #d9d9d9;
    color: #000;
}

/* Estilos botones light que se usan en pagos para que cuando es hover o focus, el color del texto sea blanco */

.btn-light:hover,
.btn-light:focus {
    color: #fff;
}

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

.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;
}

/* Encabezados de sección en dropdown: padding izquierda y derecha */
.navbar .dropdown-menu .dropdown-header-padding-x {
    display: block !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

/* Menú largo (engranaje): alto máximo y scroll vertical */
.navbar .dropdown-menu.dropdown-menu-scrollable {
    max-height: min(70vh, 28rem) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
}

.suggestions {
    /*border: 1px solid #ccc;*/
    max-height: 300px;
    overflow-y: auto;
    width: 100%;
    background-color: #fff;
    z-index: 1000;
    position: absolute;
    /* Para que aparezca debajo del input */
    margin-top: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    /* Sombra para mejor visibilidad */
    border-radius: 4px;
    /* Bordes redondeados */
}

#filterCardBody {
    overflow-x: visible !important;
}

#filterCardBody.collapse.show {
    overflow: visible !important;
}

.search-card {
    overflow: visible !important;
}

.search-card,
.search-card .card-body,
.search-card .card-header {
    position: relative;
}

.search-card {
    z-index: 1;
}

.search-card .card-body {
    z-index: 2;
}

.search-card .card-header {
    z-index: 1;
}

.navbar .dropdown-menu {
    z-index: 3000;
}

.suggestion-item {
    padding: 8px;
    cursor: pointer;
}

.suggestion-item:hover {
    background-color: #f0f0f0;
}

.suggestion-item.selected {
    background-color: #007bff;
    /* Color de fondo para la sugerencia seleccionada */
    color: white;
    /* Color del texto */
}