.tabla-no-carrusel__heading, 
.tabla-no-carrusel__body {
    display: flex;
    flex-direction: row;
}

.carrusel-tabla__field-faqs{
    width: 100%;
    max-width: 280px;
    display: flex;
    min-height: 56px;
    padding: var(--size-space-16, 16px);
    justify-content: center;
    align-items: center;
    gap: var(--size-space-0, 0);
    align-self: stretch;
} 

.carrusel-tabla__field-faqs .carrusel-tabla__field--radius-top .carrusel-tabla__field--green{
    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-faqs .carrusel-tabla__field--green {
    border-radius: 0 var(--border-radius-none, 0) 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-faqs .carrusel-tabla__field--gray{
    width: 100%;                                                
    max-width: 280px;
    height: auto;
    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-Category-General-3, #F0F0F0);
}

.carrusel-tabla__field--radius-bottom{
    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-Category-General-3, #F0F0F0);
}

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

.carrusel-tabla__body{
    margin-bottom: 0;
    color: var(--Color-Content-General-1, #2C2C2C);
    text-align: center;
}

@media (min-width: 576px) {
     .carrusel-tabla__field-faqs {
        width: 100%;
        max-width: 150px;
        display: flex;
        min-height: 56px;
        padding: var(--size-space-16, 16px);
        justify-content: center;
        align-items: center;
        gap: var(--size-space-0, 0);
        align-self: stretch;
        box-sizing: border-box; /* Evita que el padding rompa el tamaño */
    } 

    /* Estilos base para las celdas verdes */
    .carrusel-tabla__field--green {
        width: 100%;
        max-width: 150px;
        border-top: var(--border-width-s, 1px) 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);
    }

    /* Esquina superior izquierda */
    .carrusel-tabla__field--radius-top-left {
        border-top-left-radius: var(--border-radius-l, 16px);
    }

    /* Esquina superior derecha */
    .carrusel-tabla__field--radius-top-right {
        border-top-right-radius: var(--border-radius-l, 16px);
    }

    /* Estilos base para las celdas grises */
    .carrusel-tabla__field--gray {
        width: 100%;
        max-width: 150px;
        height: auto;
        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-Category-General-3, #F0F0F0);
    }

    /* Esquina inferior izquierda */
    .carrusel-tabla__field--radius-bottom-left {
        border-bottom-left-radius: var(--border-radius-l, 16px);
    }

    /* Esquina inferior derecha */
    .carrusel-tabla__field--radius-bottom-right {
        border-bottom-right-radius: var(--border-radius-l, 16px);
    }

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

    .carrusel-tabla__body {
        margin-bottom: 0;
        color: var(--Color-Content-General-1, #2C2C2C);
        text-align: center;
        height: 100px;
    }
}

@media (min-width: 768px) {
    
    .carrusel-tabla__field-faqs {
       width: 100%;
        max-width: 210px;
    }
    .carrusel-tabla__field--gray {
       width: 100%;
        max-width: 210px;
        height: auto;
    }

    .carrusel-tabla__field--green {
       width: 100%;
        max-width: 210px;
        height: auto;
    }
}

@media (min-width: 992px) {

     .carrusel-tabla__field-faqs {
        width: 100%;
        max-width: 230px;
     }
    .carrusel-tabla__field--gray {
        width: 100%;
        max-width: 230px;
        height: auto;
    }

    .carrusel-tabla__field--green {
        width: 100%;
        max-width: 230px;
        height: auto;
    }
}

@media(min-width: 1200px) {

    .carrusel-tabla__field-faqs {
        width: 100%;
        max-width: 300px;
    } 

    .carrusel-tabla__field--gray {
        width: 100%;
        max-width: 300px;
    }

    .carrusel-tabla__field--green {
        width: 100%;
        max-width: 300px;
    }

}

@media (min-width: 1920px) {

     .carrusel-tabla__field-faqs {
        width: 100%;
        max-width: 390px;
    } 

    .carrusel-tabla__field--gray {
        width: 100%;
        max-width: 390px;
    }

    .carrusel-tabla__field--green {
        width: 100%;
        min-width: 390px;
    }
}