/**
 * Tabs institucionales
 * Estructura: imagen colapsable -> tab -> imagen colapsable -> tab.
 */
.elementor-widget-jdb_sector_tabs .jdb-sector-tabs,
.elementor-widget-n-tabs .jdb-sector-tabs {
    --jdb-tab-radius: 32px;
    --jdb-tab-width: 96px;
    --jdb-tab-overlap: 32px;
    --jdb-tab-visible-width: 64px;
    --jdb-tab-min-visible-width: 52px;
    --jdb-tab-gap-fill: 0px;
    display: flex !important;
    flex-direction: column !important;
    gap: 0px;
    width: 100%;
}

.elementor-widget-jdb_sector_tabs .jdb-sector-tabs__media,
.elementor-widget-n-tabs .jdb-sector-tabs__media {
    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    width: 100%;
    height: 260px;
    overflow: hidden;
}

.elementor-widget-jdb_sector_tabs .jdb-sector-tabs__visual,
.elementor-widget-n-tabs .jdb-sector-tabs__visual {
    position: relative;
    flex: 0 0 0 !important;
    width: 0 !important;
    min-width: 0;
    overflow: hidden;
    border-radius: 0;
    background: #f2f5f7;
    transition: flex-basis 320ms ease, width 320ms ease, border-radius 180ms ease;
}

.elementor-widget-jdb_sector_tabs .jdb-sector-tabs__visual.is-active,
.elementor-widget-n-tabs .jdb-sector-tabs__visual.is-active {
    flex: 1 1 auto !important;
    width: auto !important;
}

.elementor-widget-jdb_sector_tabs .jdb-sector-tabs.is-active-first .jdb-sector-tabs__visual.is-active,
.elementor-widget-n-tabs .jdb-sector-tabs.is-active-first .jdb-sector-tabs__visual.is-active {
    border-radius: var(--jdb-tab-radius) 0 0 var(--jdb-tab-radius);
}

.elementor-widget-jdb_sector_tabs .jdb-sector-tabs__visual img,
.elementor-widget-n-tabs .jdb-sector-tabs__visual img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.elementor-widget-jdb_sector_tabs .jdb-sector-tabs__tab,
.elementor-widget-n-tabs .jdb-sector-tabs__tab {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 var(--jdb-tab-width) !important;
    width: var(--jdb-tab-width) !important;
    max-width: var(--jdb-tab-width) !important;
    min-width: var(--jdb-tab-width) !important;
    min-height: 100%;
    margin: 0 0 0 calc(var(--jdb-tab-overlap) * -1);
    padding: 18px 0;
    border: 0;
    box-shadow: none;
    border-radius: 0 var(--jdb-tab-radius) var(--jdb-tab-radius) 0;
    background: var(--jdb-tab-color, #005b8f) !important;
    color: #fff !important;
    cursor: pointer;
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.1;
    transition: filter 180ms ease, transform 180ms ease;
    z-index: var(--jdb-tab-z-index, 1);
}

.elementor-widget-jdb_sector_tabs .jdb-sector-tabs__tab::before,
.elementor-widget-n-tabs .jdb-sector-tabs__tab::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(var(--jdb-tab-gap-fill) * -1);
    width: var(--jdb-tab-gap-fill);
    background: var(--jdb-tab-color, #005b8f);
    pointer-events: none;
    z-index: 0;
}

.elementor-widget-jdb_sector_tabs .jdb-sector-tabs__tab.is-active::before,
.elementor-widget-jdb_sector_tabs .jdb-sector-tabs__tab.e-active::before,
.elementor-widget-n-tabs .jdb-sector-tabs__tab.is-active::before,
.elementor-widget-n-tabs .jdb-sector-tabs__tab.e-active::before {
    display: none;
}

.elementor-widget-jdb_sector_tabs .jdb-sector-tabs__tab:first-of-type,
.elementor-widget-n-tabs .jdb-sector-tabs__tab:first-of-type {
    margin-left: 0;
}

.elementor-widget-jdb_sector_tabs .jdb-sector-tabs__tab.is-first-before-active,
.elementor-widget-n-tabs .jdb-sector-tabs__tab.is-first-before-active {
    border-radius: var(--jdb-tab-radius) 0 0 var(--jdb-tab-radius);
}

.elementor-widget-jdb_sector_tabs .jdb-sector-tabs__tab.is-between-before-active,
.elementor-widget-n-tabs .jdb-sector-tabs__tab.is-between-before-active {
    border-radius: 0;
}

.elementor-widget-jdb_sector_tabs .jdb-sector-tabs__tab.is-active,
.elementor-widget-jdb_sector_tabs .jdb-sector-tabs__tab.is-after-active,
.elementor-widget-jdb_sector_tabs .jdb-sector-tabs__tab.e-active,
.elementor-widget-n-tabs .jdb-sector-tabs__tab.is-active,
.elementor-widget-n-tabs .jdb-sector-tabs__tab.is-after-active,
.elementor-widget-n-tabs .jdb-sector-tabs__tab.e-active {
    border-radius: 0 var(--jdb-tab-radius) var(--jdb-tab-radius) 0;
}

.elementor-widget-jdb_sector_tabs .jdb-sector-tabs__tab:hover,
.elementor-widget-jdb_sector_tabs .jdb-sector-tabs__tab:focus-visible,
.elementor-widget-jdb_sector_tabs .jdb-sector-tabs__tab.is-active,
.elementor-widget-jdb_sector_tabs .jdb-sector-tabs__tab.e-active,
.elementor-widget-n-tabs .jdb-sector-tabs__tab:hover,
.elementor-widget-n-tabs .jdb-sector-tabs__tab:focus-visible,
.elementor-widget-n-tabs .jdb-sector-tabs__tab.is-active,
.elementor-widget-n-tabs .jdb-sector-tabs__tab.e-active {
    filter: brightness(1.05);
}

.elementor-widget-jdb_sector_tabs .jdb-sector-tabs__tab:focus-visible,
.elementor-widget-n-tabs .jdb-sector-tabs__tab:focus-visible {
    outline: 3px solid rgba(255, 255, 255, 0.8);
    outline-offset: -6px;
}

.elementor-widget-jdb_sector_tabs .jdb-sector-tabs__tab .e-n-tab-title-text,
.elementor-widget-n-tabs .jdb-sector-tabs__tab .e-n-tab-title-text {
    display: block;
    max-width: 220px;
    color: inherit;
    white-space: nowrap;
    transform: rotate(-90deg);
    transform-origin: center;
    position: relative;
    z-index: 1;
}

.elementor-widget-jdb_sector_tabs .jdb-sector-tabs__panels,
.elementor-widget-n-tabs .jdb-sector-tabs__panels {
    display: block !important;
    width: 100%;
    min-height: 160px;
}

.elementor-widget-jdb_sector_tabs .jdb-sector-tabs__panels > .e-con,
.elementor-widget-jdb_sector_tabs .jdb-sector-tabs__panels > [data-tab-index],
.elementor-widget-jdb_sector_tabs .jdb-sector-tabs__panels > [data-jdb-tab-panel],
.elementor-widget-n-tabs .jdb-sector-tabs__panels > .e-con,
.elementor-widget-n-tabs .jdb-sector-tabs__panels > [data-tab-index],
.elementor-widget-n-tabs .jdb-sector-tabs__panels > [data-jdb-tab-panel] {
    width: 100%;
    min-height: 160px;
}

body:not(.elementor-editor-active) .elementor-widget-jdb_sector_tabs .jdb-sector-tabs__panels > .e-con:not(.e-active),
body:not(.elementor-editor-active) .elementor-widget-jdb_sector_tabs .jdb-sector-tabs__panels > [data-tab-index]:not(.e-active):not(.is-active),
body:not(.elementor-editor-active) .elementor-widget-jdb_sector_tabs .jdb-sector-tabs__panels > [data-jdb-tab-panel]:not(.e-active):not(.is-active),
body:not(.elementor-editor-active) .elementor-widget-n-tabs .jdb-sector-tabs__panels > .e-con:not(.e-active),
body:not(.elementor-editor-active) .elementor-widget-n-tabs .jdb-sector-tabs__panels > [data-tab-index]:not(.e-active):not(.is-active),
body:not(.elementor-editor-active) .elementor-widget-n-tabs .jdb-sector-tabs__panels > [data-jdb-tab-panel]:not(.e-active):not(.is-active) {
    display: none !important;
}

.elementor-editor-active .elementor-widget-jdb_sector_tabs .jdb-sector-tabs__panels,
.elementor-editor-active .elementor-widget-n-tabs .jdb-sector-tabs__panels,
.jdb-sector-tabs--editor .jdb-sector-tabs__panels {
    display: block !important;
    min-height: 170px;
}

.jdb-sector-tabs--editor .jdb-sector-tabs__panels > * {
    display: flex !important;
    width: 100%;
    min-height: 170px;
    opacity: 1 !important;
    visibility: visible !important;
}

.elementor-editor-active .elementor-widget-jdb_sector_tabs .jdb-sector-tabs__panels > .e-con:not(.e-active),
.elementor-editor-active .elementor-widget-jdb_sector_tabs .jdb-sector-tabs__panels > [data-tab-index]:not(.e-active):not(.is-active),
.elementor-editor-active .elementor-widget-jdb_sector_tabs .jdb-sector-tabs__panels > [data-jdb-tab-panel]:not(.e-active):not(.is-active),
.elementor-editor-active .elementor-widget-n-tabs .jdb-sector-tabs__panels > .e-con:not(.e-active),
.elementor-editor-active .elementor-widget-n-tabs .jdb-sector-tabs__panels > [data-tab-index]:not(.e-active):not(.is-active),
.elementor-editor-active .elementor-widget-n-tabs .jdb-sector-tabs__panels > [data-jdb-tab-panel]:not(.e-active):not(.is-active) {
    display: none !important;
}

.elementor-editor-active .elementor-widget-jdb_sector_tabs .jdb-sector-tabs__panels > .e-con.e-active,
.elementor-editor-active .elementor-widget-jdb_sector_tabs .jdb-sector-tabs__panels > .e-con.is-active,
.elementor-editor-active .elementor-widget-jdb_sector_tabs .jdb-sector-tabs__panels > [data-tab-index].e-active,
.elementor-editor-active .elementor-widget-jdb_sector_tabs .jdb-sector-tabs__panels > [data-tab-index].is-active,
.elementor-editor-active .elementor-widget-jdb_sector_tabs .jdb-sector-tabs__panels > [data-jdb-tab-panel].e-active,
.elementor-editor-active .elementor-widget-jdb_sector_tabs .jdb-sector-tabs__panels > [data-jdb-tab-panel].is-active,
.elementor-widget-jdb_sector_tabs .jdb-sector-tabs__panels > .e-con.e-active,
.elementor-widget-jdb_sector_tabs .jdb-sector-tabs__panels > .e-con.is-active,
.elementor-widget-jdb_sector_tabs .jdb-sector-tabs__panels > [data-tab-index].e-active,
.elementor-widget-jdb_sector_tabs .jdb-sector-tabs__panels > [data-tab-index].is-active,
.elementor-widget-jdb_sector_tabs .jdb-sector-tabs__panels > [data-jdb-tab-panel].e-active,
.elementor-widget-jdb_sector_tabs .jdb-sector-tabs__panels > [data-jdb-tab-panel].is-active,
.elementor-widget-n-tabs .jdb-sector-tabs__panels > .e-con.e-active,
.elementor-widget-n-tabs .jdb-sector-tabs__panels > .e-con.is-active,
.elementor-widget-n-tabs .jdb-sector-tabs__panels > [data-tab-index].e-active,
.elementor-widget-n-tabs .jdb-sector-tabs__panels > [data-tab-index].is-active,
.elementor-widget-n-tabs .jdb-sector-tabs__panels > [data-jdb-tab-panel].e-active,
.elementor-widget-n-tabs .jdb-sector-tabs__panels > [data-jdb-tab-panel].is-active {
    display: flex !important;
    min-height: 170px;
}

.elementor-editor-active .elementor-widget-jdb_sector_tabs .jdb-sector-tabs__panels > .e-con.e-active,
.elementor-editor-active .elementor-widget-n-tabs .jdb-sector-tabs__panels > .e-con.e-active {
    outline: 1px dashed #d0d5dd;
    outline-offset: -1px;
}

.jdb-sector-tabs--editor .jdb-sector-tabs__panels > * {
    display: flex !important;
    width: 100%;
    min-height: 170px;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Responsive */
@media (max-width: 767px) {
    .elementor-widget-jdb_sector_tabs .jdb-sector-tabs,
    .elementor-widget-n-tabs .jdb-sector-tabs {
        --jdb-mobile-image-height: 220px;
        gap: 0;
    }

    .elementor-widget-jdb_sector_tabs .jdb-sector-tabs__media,
    .elementor-widget-n-tabs .jdb-sector-tabs__media {
        position: relative;
        z-index: 2;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible;
    }

    .elementor-widget-jdb_sector_tabs .jdb-sector-tabs__visual,
    .elementor-widget-n-tabs .jdb-sector-tabs__visual {
        order: var(--jdb-mobile-order, 0);
        flex: 0 0 auto !important;
        display: none !important;
        width: 0 !important;
        height: 0;
        border-radius: var(--jdb-tab-radius) var(--jdb-tab-radius) 0 0;
        transition: flex-basis 320ms ease, width 320ms ease, height 320ms ease;
    }

    .elementor-widget-jdb_sector_tabs .jdb-sector-tabs__visual.is-active,
    .elementor-widget-n-tabs .jdb-sector-tabs__visual.is-active {
        display: block !important;
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        height: var(--jdb-mobile-image-height);
        min-height: var(--jdb-mobile-image-height);
        border-radius: 0;
    }

    .elementor-widget-jdb_sector_tabs .jdb-sector-tabs.is-active-first .jdb-sector-tabs__visual.is-active,
    .elementor-widget-n-tabs .jdb-sector-tabs.is-active-first .jdb-sector-tabs__visual.is-active {
        border-radius: var(--jdb-tab-radius) var(--jdb-tab-radius) 0 0;
    }

    .elementor-widget-jdb_sector_tabs .jdb-sector-tabs__tab,
    .elementor-widget-n-tabs .jdb-sector-tabs__tab {
        position: relative;
        order: var(--jdb-mobile-order, 10);
        flex: 0 0 var(--jdb-tab-width) !important;
        width: 100% !important;
        max-width: none !important;
        height: var(--jdb-tab-width);
        max-height: var(--jdb-tab-width);
        min-width: 0 !important;
        min-height: var(--jdb-tab-width);
        margin: calc(var(--jdb-tab-overlap) * -1) 0 0;
        padding: 12px 16px;
        border-radius: 0 0 var(--jdb-tab-radius) var(--jdb-tab-radius);
        font-size: 12px;
    }

    .elementor-widget-jdb_sector_tabs .jdb-sector-tabs__tab:first-of-type,
    .elementor-widget-n-tabs .jdb-sector-tabs__tab:first-of-type {
        margin-top: 0;
    }

    .elementor-widget-jdb_sector_tabs .jdb-sector-tabs__tab::before,
    .elementor-widget-n-tabs .jdb-sector-tabs__tab::before {
        display: block;
        top: calc(var(--jdb-tab-gap-fill) * -1);
        right: 0;
        bottom: auto;
        left: 0;
        width: 100%;
        height: var(--jdb-tab-gap-fill);
    }

    .elementor-widget-jdb_sector_tabs .jdb-sector-tabs__tab.is-first-before-active,
    .elementor-widget-n-tabs .jdb-sector-tabs__tab.is-first-before-active {
        border-radius: var(--jdb-tab-radius) var(--jdb-tab-radius) 0 0;
    }

    .elementor-widget-jdb_sector_tabs .jdb-sector-tabs__tab.is-first-before-active::before,
    .elementor-widget-jdb_sector_tabs .jdb-sector-tabs__tab.is-between-before-active::before,
    .elementor-widget-n-tabs .jdb-sector-tabs__tab.is-first-before-active::before,
    .elementor-widget-n-tabs .jdb-sector-tabs__tab.is-between-before-active::before {
        display: none;
    }

    .elementor-widget-jdb_sector_tabs .jdb-sector-tabs__tab.is-between-before-active,
    .elementor-widget-n-tabs .jdb-sector-tabs__tab.is-between-before-active {
        border-radius: 0;
    }

    .elementor-widget-jdb_sector_tabs .jdb-sector-tabs__tab.is-active,
    .elementor-widget-jdb_sector_tabs .jdb-sector-tabs__tab.is-after-active,
    .elementor-widget-jdb_sector_tabs .jdb-sector-tabs__tab.e-active,
    .elementor-widget-n-tabs .jdb-sector-tabs__tab.is-active,
    .elementor-widget-n-tabs .jdb-sector-tabs__tab.is-after-active,
    .elementor-widget-n-tabs .jdb-sector-tabs__tab.e-active {
        border-radius: 0 0 var(--jdb-tab-radius) var(--jdb-tab-radius);
    }

    .elementor-widget-jdb_sector_tabs .jdb-sector-tabs__tab .e-n-tab-title-text,
    .elementor-widget-n-tabs .jdb-sector-tabs__tab .e-n-tab-title-text {
        max-width: 100%;
        white-space: normal;
        text-align: center;
        transform: none;
    }
}