/* open-sans-regular - latin */
@font-face {
    font-family: 'openSansRegular';
    font-style: normal;
    font-weight: 400;
    src: url('../../fonts/open-sans/open-sans-v23-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../../fonts/open-sans/open-sans-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../fonts/open-sans/open-sans-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../../fonts/open-sans/open-sans-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../../fonts/open-sans/open-sans-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../../fonts/open-sans/open-sans-v23-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* Buscador predictivo */
.searcherResults {
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    background-color: #FFFFFF;
    z-index: 10;
    border: 1px solid #4B4F54;
    max-height: 200px;
    overflow-y: auto;
}

.searcherResults .resultsList a {
    padding: 14px 15px;
    display: block;
}

.searcherResults .resultsList a:hover,
.searcherResults .resultsList a:focus,
.searcherResults .resultsList a:active {
    background-color: #F2F2F2;
    text-decoration: none;
}

.searcherResults .resultsList .titleResult {
    font-family: "openSansRegular";
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    color: #000000;
}

.searcherResults .resultsList .titleResult u {
    color: #008488;
    font-weight: 600;
    text-decoration: none;
}

/* slider */
.box-tab-menu {
    position: relative;
}

.tabs-viewport {
    width: 100%;
    overflow-x: scroll;
    scrollbar-width: none;
}

.tabs-viewport.fade-prev {
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 48px);
    mask-image: linear-gradient(90deg, transparent 0, #000 48px);
}

.tabs-viewport.fade-next {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 48px), transparent 100%);
    mask-image: linear-gradient(90deg, #000 calc(100% - 48px), transparent 100%);
}

.tabs-viewport.fade-both {
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 48px, #000 calc(100% - 48px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 48px, #000 calc(100% - 48px), transparent 100%);
}

.tabs-menu {
    display: flex;
    white-space: nowrap;
    scroll-behavior: smooth;
}

.tabs-viewport .tabs-menu::before,
.tabs-viewport .tabs-menu::after {
    display: none;
}

.tab-nav-btn {
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    font-size: 1.5rem;
    line-height: 1;
    padding: .25rem .5rem;
    cursor: pointer;
    z-index: 1;
}

.tab-nav-btn::before {
    height: 24px;
    width: 24px;
    border-radius: 50%;
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    box-shadow: 0px 0px 20px 0px #00000033;
}

.tab-prev {
    left: 0;
}

.tab-prev:enabled::before {
    background: url("../imagenes/arrow-before.png") center/contain no-repeat;
}

.tab-prev:disabled::before {
    background: url("../imagenes/arrow-before-disabled.png") center/contain no-repeat;
}

.tab-next {
    right: 0;
}

.tab-next:enabled::before {
    background: url("../imagenes/arrow-next.png") center/contain no-repeat;
}

.tab-next:disabled::before {
    background: url("../imagenes/arrow-next-disabled.png") center/contain no-repeat;
}