:root {
    --c-primary: #0C7C84;
    --c-primary-dark: #00626A;
    --c-primary-light: #F6F8F8;
    --c-primary-blue: #008DD1;

    --c-primary-title: #097376;
    --c-bg-featured: #e8f3f4;

    --i-primary: brightness(0) saturate(100%) invert(35%) sepia(91%) saturate(437%) hue-rotate(135deg) brightness(93%) contrast(93%);
    --i-primary-dark: brightness(0) saturate(100%) invert(29%) sepia(50%) saturate(776%) hue-rotate(136deg) brightness(94%) contrast(102%);
    --i-primary-light: brightness(0) saturate(100%) invert(100%) sepia(53%) saturate(403%) hue-rotate(68deg) brightness(112%) contrast(95%);
    --i-primary-blue: brightness(0) saturate(100%) invert(41%) sepia(99%) saturate(2601%) hue-rotate(174deg) brightness(92%) contrast(101%);
}

body {
    font-family: var(--f-inter-regular);
}

mark {
    background-color: #0C7C8426;
}

/* ----- Typography ----- */
.title-1 {
    font-family: var(--f-raleway-light);
}

.title-2 {
    font-family: var(--f-raleway-regular);
}

.title-3 {
    font-family: var(--f-raleway-regular);
}

.title-4 {
    font-family: var(--f-inter-bold);
}

.title-5 {
    font-family: var(--f-inter-semibold);
}

.text-base {
    font-family: var(--f-inter-regular);
}

.text-small {
    font-family: var(--f-inter-regular);
}

.text-mini {
    font-family: var(--f-inter-medium);
}

/* ----- Buttons ----- */
.btn {
    font-family: var(--f-raleway-medium);
}

.btn.active {
    font-family: var(--f-raleway-extrabold);
}

.btn.small {
    font-family: var(--f-raleway-medium);
}

.btn.small.active {
    font-family: var(--f-raleway-extrabold);
}

/* ----- Tables ----- */
table.table {
    color: var(--c-dark-900);
}

.table-striped tbody tr {
    border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--c-primary-light);
}

/* ----- Cards ----- */
.card.institution {
    background-color: transparent;
    border: 1px solid var(--c-dark-100);
    border-radius: 3px;
}

.card.result .card--content .title {
    font-family: var(--f-inter-semibold);
}

.card.result .card--content .subtitle {
    font-family: var(--f-inter-regular);
    font-size: 12px;
}

/* ----- Header ----- */
header.transparent {
    --bg-btn-menu: transparent;
    --i-btn-menu: var(--i-white);
}

header.light {
    --c-btn-menu: var(--c-black);
    --bg-btn-menu: var(--c-white);
    --i-btn-menu: var(--c-black);
    --i-world: var(--i-black);
}

.menu-open header {
    --i-btn-menu: var(--i-black);
    --i-world: var(--i-black);
}

.header_actions {
    gap: 25px;
}

/* .header_actions .logo {
    display: block;
} */

.header_actions .menu_button {
    padding-block: 0;
    padding-inline: 0;
}

.header_actions .menu_button .text {
    display: none;
}

.header_actions .menu_button .icon {
    --icon_width: 30px;
    --icon_height: 30px;
}

.menu-open .header_actions .menu_button .icon {
    --icon_width: 24px;
    --icon_height: 24px;
}

.menu-open .header_actions .languages .lang {
    color: var(--c-black);
}

@media (max-width: 991px) {
    /* .header_actions .menu_button {
        padding: 10px;
    } */

    .header_actions .logo {
        display: none;
    }
}

.modal .modal-content .modal-header .modal-title {
    font-family: var(--f-raleway-medium);
    color: var(--c-primary-dark);
}

#modalAdvancedSearchFilters .advanceSearchFilter__card>.card-header h5 {
    font-family: var(--f-raleway-regular);
    color: var(--c-primary-dark);
}

#modalAdvancedSearchFilters .advanceSearchFilter__card>.card-header .icon {
    filter: var(--i-primary-dark);
}

/* ----- Search bar ----- */
#buscador.search_bar input {
    --bdr-srch: var(--c-black);
}

header.transparent #buscador.search_bar input {
    --bdr-srch: var(--c-white);
    --c-srch-bar: var(--c-white);
}

/* .historicSearchInfo {
    border-color: transparent;
} */

/* ----- Facetas ----- */
.facetas-wrap {
    --icon_filter: var(--i-primary-dark);
}

.facetas-wrap .faceta-title {
    font-size: 12px;
    font-family: var(--f-raleway-regular);
    color: var(--c-primary-dark);
    background-color: #29303E08;
    border-bottom: 0;
}

.facetas-wrap .box .faceta-title>.icon {
    --icon_filter: var(--i-primary-dark);
}

.facetas-wrap .listadoFacetas li a:hover span.textoFaceta,
.facetas-wrap .listadoFacetas li a {
    color: var(--c-primary-dark);
}

.facetas-wrap .listadoFacetas li .desplegarSubFaceta .icon {
    --icon_width: 12px;
    --icon_height: 12px;
}

/* changed the original icons on metasearch */
.facetas-wrap .listadoFacetas li .desplegarSubFaceta .icon-round-box-plus {
    background-image: url('../assets/icons/round-box-plus.svg');
}

.facetas-wrap .listadoFacetas li .desplegarSubFaceta .icon-round-box-minus {
    background-image: url('../assets/icons/round-box-minus.svg');
}

.facetas-wrap .moreResults a {
    color: var(--c-dark-500);
}

/* ----- Featured docs ----- */
.featured-docs .title {
    font-family: var(--f-raleway-medium);
}

/* ----- Filtros ----- */
#panFiltros .tag {
    padding-block: 8px;
    border-radius: 3px;

    --icon_width: 16px;
    --icon_height: 16px;
}

/* ----- Dropdown ----- */
.acciones-listado .dropdown .dropdown-toggle,
.dropdown .dropdown-toggle {
    height: 24px;
    border-color: var(--c-primary);
}

.acciones-listado .dropdown .dropdown-menu.show,
.dropdown .dropdown-menu.show {
    top: 22px !important;
}

/* ----- Metabuscador ----- */
.metasearch .metasearch--content .resource-list-wrap {
    box-shadow: none;
}

.metasearch .metasearch--content .resource-list.gridView .resource-list-wrap {
    overflow-x: hidden;
}

.metasearch .metasearch--actions .filters-btn {
    --btn_color: var(--c-primary);
    --bdr_color: var(--c-primary);
}

.metasearch .metasearch--actions .filters-btn .icon {
    filter: var(--i-primary);
    order: 0;
}

.metasearch .metasearch--actions .acciones-listado .btn-secondgroup .btn {
    padding: 2px;
    border-color: var(--c-primary);
}

.metasearch .d-toggle {
    height: auto;
    padding: 2px;
}

/* ----- Autocomplete ----- */
.ac_results .buttons-search-wrap .btn {
    --btn_color: var(--c-primary-light);
}

/* ----- Home ----- */
.home #hero-title {
    flex-direction: row;
    justify-content: space-between;
    gap: 80px;
}

.home #hero-title .title-1 {
    font-family: var(--f-raleway-extrabold);
    font-size: 95px;
    line-height: 84px;
    font-weight: inherit;
    text-align: left;
}

.home #hero-title .title-1 span {
    font-family: var(--f-raleway-regular);
}

.home .search_bar {
    margin-block: 80px;
}

.home .col-buscador form .finderUtils .group:before {
    filter: var(--i-primary);
    background-size: auto;
}

.home .col-buscador form .finderUtils .group .finderSectionText {
    border-color: var(--c-black);
}

.home .col-buscador form .finderUtils .group .findAction {
    /* filter: unset; */
    background-color: transparent;
}

.home #home_numbers,
.home #home_authors,
.home #home_material,
.home #home_places,
.home #home_chronology {
    margin-bottom: 100px;
}

.home #home_numbers .card.featured {
    width: 100%;
}

.home #home_numbers .card.featured .card-overlay p {
    -webkit-line-clamp: 5;
}

.home #home_chronology a:focus-visible {
    outline-offset: 5px;
}

@media (max-width: 1280px) {
    .home #hero-title {
        gap: 50px;
        padding-inline: 0;
    }
}

@media (max-width: 991px) {
    .home #hero-title .title-1 {
        font-size: 64px;
        line-height: 53px;
    }
}

/* ----- Download ----- */
.download .accordion {
    padding: 8px 10px;
    border: 1px solid var(--c-dark-100);
}

.download .accordion .accordion-label {
    height: auto;
    border: 0;
    padding: 0;
    justify-content: space-between;
}

.download .accordion .accordion-content {
    padding-block: 24px 12px;
    padding-inline: 0;
    background-color: transparent;
}

.download .accordion .accordion-label .text-mini {
    color: var(--c-primary-dark);
}

.download .accordion .accordion-label .icon {
    filter: var(--i-primary-dark);
}

.download .btn {
    --btn_color: var(--c-white);
}

/* ----- Accordions ----- */
.accordion.question .accordion-label {
    border-radius: 3px;
}

.accordion.question .accordion-label .icon {
    --icon_width: 17px;
    --icon_height: 17px;
}

/* ----- Timeline ----- */
.timeLine .entity-panel h2 {
    font-family: var(--f-raleway-medium);
}

.timeLine .entity-panel .subtitle {
    font-family: var(--f-raleway-regular);
}

.timeLine .entity-panel .source-links {
    font-family: var(--f-raleway-medium);
}

.timeLine .entity-panel .editions .card .card--content .title {
    font-family: var(--f-inter-regular);
    color: var(--c-dark-500);
}

.timeLine input#busqueda {
    font-family: var(--f-raleway-regular);
}

.timeLine #reading-panel.info p {
    font-family: var(--f-raleway-regular);
}

.timeLine .info-panel-collapse .panel-header h3 {
    font-family: var(--f-raleway-regular);
}

.timeLine .info-panel-collapse .panel-header .ver-mas {
    font-family: var(--f-raleway-regular);
}

.timeLine #reading-panel.config p {
    font-family: var(--f-raleway-regular);
}

.timeLine .config_bands li label {
    font-family: var(--f-raleway-regular);
}

.timeLine .submitter .botones-centrados {
    font-family: var(--f-raleway-medium);
}

.timeLine .submitter .cancel {
    font-family: var(--f-raleway-regular);
}

/* ----- Sliders ----- */
.slider-container .tns-controls button[data-controls="prev"]:has(> span.icon.icon-chevron-down) {
    rotate: 180deg;
}

.slider-container .tns-controls button[data-controls="prev"]:has(> span.icon.icon-chevron-down) .icon {
    background-image: url(../assets/icons/right-arrow-box.svg);
}

.slider-container .tns-controls button[data-controls="next"]:has(> span.icon.icon-chevron-down) {
    rotate: 0deg;
}

.slider-container .tns-controls button[data-controls="next"]:has(> span.icon.icon-chevron-down) .icon {
    background-image: url(../assets/icons/right-arrow-box.svg);
}