.carrusel-tabla__container {
    position: relative;
    z-index: 0;
}

.ibd-table-container {
    display: none;
}

.carrusel-tabla__h2 {
    text-align: center;
    padding: 0 16px;
    margin-bottom: 32px;
    margin-top: 16px;
}

.carrusel-tabla__wrapper {
    padding-bottom: 32px;
}

.carrusel-tabla__slide {
    height: auto;
    display: flex;
    justify-content: center;
}

.carrusel-tabla__field {
    padding: var(--size-space-16, 16px);
    margin-bottom: 0;
}

.carrusel-tabla__field--radius-top {
    border-radius: var(--border-radius-l, 16px) var(--border-radius-l, 16px) 0 0;
    border-top: var(--border-width-none, 0) solid var(--Color-Border-General-Inverse, #699282);
    border-right: var(--border-width-s, 1px) solid var(--Color-Border-General-Inverse, #699282);
    border-bottom: var(--border-width-none, 0) solid var(--Color-Border-General-Inverse, #699282);
    border-left: var(--border-width-s, 1px) solid var(--Color-Border-General-Inverse, #699282);
    background: var(--Color-Surface-General-Inverse, #00402A);
}

.carrusel-tabla__field--green {
    background: var(--Color-Surface-General-Inverse, #00402A);
}

.carrusel-tabla__field--gray {
    border-top: 0; 
    border: 1px solid #C8D9D0;
    background: var(--Color-Category-General-3, #F0F0F0);
}

.carrusel-tabla__field--center {
    border-top: 0;
    border: 1px  solid #C8D9D0;
    background: var(--Color-Form-Surface-General, #FFF);
}

.carrusel-tabla__field--white {
    border-radius: 0 0 var(--border-radius-l, 16px) var(--border-radius-l, 16px);
    border-top: var(--border-width-none, 0) solid var(--Color-Border-General-1, #C8D9D0);
    border-right: var(--border-width-s, 1px) solid var(--Color-Border-General-1, #C8D9D0);
    border-bottom: var(--border-width-s, 1px) solid var(--Color-Border-General-1, #C8D9D0);
    border-left: var(--border-width-s, 1px) solid var(--Color-Border-General-1, #C8D9D0);
    background: var(--Color-Form-Surface-General, #FFF);
}

.carrusel-tabla__heading {
    color: var(--Color-Content-General-Inverse, #FFF);
    margin-bottom: 0;
}

.carrusel-tabla__body {
    margin-bottom: 0;
}

.plans-container {
    padding: 0;
}
.carrusel-tabla__list {
    margin-bottom: 16px;
    border-top: 1px solid #C8D9D0;
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
}

.popular {
    display: flex;
    height: 24px;
    border-radius: var(--border-radius-s, 4px);
    background: var(--Color-Category-General-2, #B3E4C7);
    width: 61px;
    padding: var(--size-space-4, 4px) var(--size-space-8, 8px);
    justify-content: center;
    margin-bottom: 8px;
}

/* Card */
.carrusel-tabla__card {
    min-width: 268px;
    max-width: 268px;
}

/* Navigation */
.carrusel-tabla__navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    margin-bottom: 32px;
}

.carrusel-tabla__button {
    background-color: #F9F9F9;
    border: none;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.carrusel-tabla__button:hover:not(:disabled) .carrusel-tabla__icon {
    color: white;
}

.carrusel-tabla__button:disabled path {
    fill: var(--Color-Content-Interactive-Disabled, #BFBFBF);
}

.carrusel-tabla__button path:disabled {
    cursor: not-allowed;
    fill: var(--Color-Content-Interactive-Disabled, #BFBFBF);
}

.carrusel-tabla__icon {
    color: var(--Color-Icon-General-1, #2F6852);
}

.carrusel-tabla__counter {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    min-width: 80px;
    text-align: center;
}

.carrusel-tabla__counter-current {
    font-weight: 700;
    color: var(--Color-Semantic-Success-1, #007F33);
}

.carrusel-tabla__counter-separator {
    color: var(--Color-Content-General-1, #2C2C2C);
}

.carrusel-tabla__counter-total {
    color: var(--Color-Content-General-1, #2C2C2C);
}

@media (min-width: 576px) {
.carrusel-tabla__card {
    min-width: 444px;
    max-width: 444px;
}
}

@media (min-width: 768px) {
    .carrusel-tabla__card {
    min-width: 624px;
    max-width: 624px;
}
}


@media (min-width: 992px) {

    .carrusel-tabla__container {
        display: none;
    }

    .ibd-table {
        display: table;
    }

    .ibd-table-container {
        display: flex;
        justify-content: center;
    }

    .ibd-table {
        border-collapse: separate;
        border-spacing: 0;
        border-radius: 16px;
        overflow: hidden;
        border: 1px solid #C8D9D0;
    }

    .ibd-table th {
        color: var(--Color-Content-General-Inverse, #FFF);
        width: 244px;

    }

    .ibd-green {
        background: var(--Color-Surface-General-Inverse, #00402A);
    }


    .ibd-bck-grey {
        background: var(--Color-Category-General-3, #F0F0F0);
    }

    .ibd-bck-white {
        background: var(--Color-Surface-General-1, #FFF);
    }

    .ibd-light {
        background: var(--Color-Surface-General-3, #F9F9F9);

    }

    .ibd-table td,
    .ibd-table th {
        border: 1px solid #C8D9D0;
        padding: 16px;
        vertical-align: top;
    }

    .popular {
        display: flex;
        height: 24px;
        border-radius: var(--border-radius-s, 4px);
        background: var(--Color-Category-General-2, #B3E4C7);
        width: 61px;
        padding: var(--size-space-4, 4px) var(--size-space-8, 8px);
        justify-content: center;
        margin-bottom: 8px;

    }
    .ibd-table-plans-hidden {
        display: none;
    }

    #btn-morePlans-ibd-table {
        appearance: none;
        color: var(--Color-Content-Interactive-Active, #2F6852);
        background: none;
        border: none;
        margin: 0;
        padding: 16px;
        cursor: pointer;
        width: 100%;
    }
}


@media(min-width: 1200px) {
    .ibd-table {
        min-width: 868px;
        max-width: 868px;
    }
}

@media (min-width: 1920px) {
    .ibd-table {
        min-width: 1114px;
        max-width: 1114px;
    }
}