.high-contrast *:not(.caret) {
    background-color: #000 !important;
    color: #FFD700 !important;
    border-color: #FF00FF !important;
}

.high-contrast .page-header {
    color: #FFD700 !important;
}

.high-contrast h1, .high-contrast h2, .high-contrast h3, .high-contrast .page-header {
    color: #FFD700 !important;
}

.high-contrast .caret{
    color: #FF00FF !important;
}

.high-contrast .breadcrumb li+li:before {
    content: ' / ';
    color: #FFD700 !important;
}

.high-contrast a:hover,
.high-contrast .breadcrumb li a:hover {
    background-color: #FFD700 !important; /* Color amarillo accesible */
    color: #000 !important; /* Color de texto oscuro */
    text-decoration: none !important; /* Si no quieres subrayado */
    border-radius: 5px; /* Opcional, para bordes redondeados */
}

/* Para asegurar que los enlaces en la barra de navegación también tengan hover */
.high-contrast .navbar a:hover {
    background-color: #FFD700 !important; /* Color de fondo para la barra de navegación */
    color: #000 !important; /* Color de texto para la barra de navegación */
}

/* Estilo de hover para los enlaces con la clase .ds-option dentro del modo alto contraste */
.high-contrast .ds-option:hover {
    background-color: #FFD700 !important;  /* Color de fondo amarillo accesible */
    color: #000 !important;  /* Color de texto oscuro para un buen contraste */
    text-decoration: none !important;  /* Elimina el subrayado si no se quiere */
    border-radius: 5px;  /* Opcional, para bordes redondeados */
}

/* Estilo de hover para los enlaces en la barra lateral de navegación */
.high-contrast .list-group-item:hover {
    background-color: #FFD700 !important;  /* Color de fondo amarillo accesible */
    color: #000 !important;  /* Asegura que el texto sea oscuro */
    text-decoration: none !important;  /* Elimina el subrayado si no se quiere */
    border-radius: 5px;  /* Opcional, para bordes redondeados */
}

/* Para los enlaces en el formulario de búsqueda */
.high-contrast .ds-button-field:hover {
    background-color: #FFD700 !important;
    color: #000 !important;
    text-decoration: none !important;
}

/* Para los botones de la barra lateral */
.high-contrast .btn:hover {
    background-color: #FFD700 !important;
    color: #000 !important;
    text-decoration: none !important;
}

.button-theme {
    color: #fff;
    background: #2a7886;
    border-color: #2a7886;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
    margin-top: 3px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.button-theme:active {
    transform: scale(0.95);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}