/* ==== 6.4 Related Interest Tabs ==== */

.extras.related-interest-tabs .extra-content {
    margin-top: 2.3rem;
}

.extras.related-interest-tabs .extra-content .swiper-wrapper:not(:has(.extra-item + .extra-item)) .extra-item {
    width: 100%;
}

/* Contenedor de enlace */
.extras.related-interest-tabs .extra-content .extra-item .extra-item-link {
    border: 2px solid var(--turquoise-20);
    padding: .8rem 1.45rem .75rem .9rem;
    transition: background 0.3s ease-in-out;
}

.extras.related-interest-tabs .extra-content .swiper-wrapper:not(:has(.extra-item + .extra-item)) .extra-item-link {
    padding: 1.6rem 1.45rem 1.5rem .9rem;
}

.extras.related-interest-tabs .extra-content .extra-item .extra-item-link:hover {
    background: var(--background-accent-low)
}

/* Iconos */
.extras.related-interest-tabs .extra-content .extra-item .extra-item-link .icon {color: var(--content-accent);}

.extras.related-interest-tabs .extra-content .extra-item-icon {display: flex;}

.extras.related-interest-tabs .extra-content .extra-item-icon .icon  {font-size: 1.85rem;}

@media (max-width: 575.98px) {
    .extras.related-interest-tabs .extra-content {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 992px) {
    .extras.related-interest-tabs .extra-content .swiper-wrapper:has(.extra-item:nth-of-type(n+2)) {
        display: grid !important;
        grid-auto-rows: 1fr;
        grid-row-gap: 18.5px;
        grid-column-gap: 18px;
    }

    .extras.related-interest-tabs .extra-content .swiper-wrapper:has(.extra-item:nth-of-type(n+3)) {grid-template-columns: repeat(3, 1fr);}

    .extras.related-interest-tabs .extra-content .swiper-wrapper:has(.extra-item:nth-of-type(2)):not(:has(.extra-item:nth-of-type(3))) {grid-template-columns: repeat(2, 1fr);}

    .extras.related-interest-tabs .extra-content .swiper-wrapper:not(:has(.extra-item + .extra-item)) {
        display: flex;
    }
}

@media (max-width: 991px) {
    .extras.related-interest-tabs .extra-content .swiper-wrapper:has(.extra-item:nth-of-type(n+2)) .extra-item {
        max-width: 312px;
        height: auto;
    }
}