.pagamento_online_header {
    display: flex;
    padding: 40px 16px 24px 16px;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    @media (min-width: 576px) {
        padding: 40px 42px 24px 42px;
    }
    @media (min-width: 992px) {
        padding: 40px 82px 24px 82px;
    }
    @media (min-width: 1200px) {
        padding: 40px 102px 24px 102px;
    }
    @media (min-width: 1920px) {
        padding: 40px 324px 24px 324px;
    }
}

.pagamento_online_carrusel_movil {
    padding: 0px 16px 24px 16px;

    @media (min-width: 576px) {
        display: none;
    }
}

.pagamento_online_carrusel {
    display: none;

    @media (min-width: 576px) {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 24px;
        justify-content: center;
        margin-bottom: 40px;
    }
}

.pagamento_online_card {
    display: flex;
    padding: 24px 16px 24px 16px;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    align-self: stretch;
    gap: 16px;
    border-radius: var(--border-radius-l, 16px);
    background: var(--Color-Surface-General-3, #F9F9F9);
    @media (min-width: 576px) {
        width: 234px;
    }
    @media (min-width: 992px) {
        width: 402px;
    }
    @media (min-width: 1200px) {
        width: 231px;
    }
    @media (min-width: 1920px) {
        width: 300px;
    }
}


.pagamento_online_icon {
    width: 32px;
    height: 32px;
}

.pagamento_online_contenido {
    display: flex;
    padding: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
}

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

.pagamento_online_contenido_subtitulo {
    color: var(--Color-Content-General-2, rgba(71, 71, 71, 0.80));
}
.mod_pagamento_online_verde {
    display: flex;
    padding: 40px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    @media (min-width: 576px) {
        padding: 40px 42px;
    }

    @media (min-width: 992px) {
        padding: 40px 82px;
    }

    @media (min-width: 1200px) {
        padding: 40px 102px;
    }

    @media (min-width: 1920px) {
        padding: 40px 324px;
    }
}

.mod_pagamento_online_verde_contenedor {
    display: flex;
    padding: 32px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: var(--border-radius-l, 16px);
    background: var(--Color-Surface-General-2, #DCEBE1);

    @media (min-width: 992px) {
        padding: 32px 64px;
    }
}

.mod_pagamento_online_verde_titulo {
    color: var(--Color-Content-General-1, #2C2C2C);
    text-align: center;
    margin-bottom: 16px;
}

.mod_pagamento_online_verde_texto {
    color: var(--Color-Content-General-1, #2C2C2C);
    text-align: center;
    margin-bottom: 32px;
}

.mod_pagamento_online_verde_enlace {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 200px;
    max-width: 412px;
    background-color: var(--Color-Button-Background-Active-1);
    color: var(--Color-Button-Content-Active-1);
    height: 56px;
    border-radius: 50px;
    border: 2px solid var(--Color-Button-Background-Active-1);
    padding: 0px 40px;
    margin: auto;

    @media (min-width: 576px) {
        max-width: 328px;
    }
}

.mod_pagamento_online_verde_enlace:hover {
    text-decoration: none;
    color: var(--Color-Button-Content-Hover-1);
    background-color: var(--Color-Button-Background-Hover-1);
    border: 2px solid var(--Color-Button-Background-Hover-1);
}

.mod_pagamento_online_verde_enlace:focus {
    outline: 4px solid var(--Color-Button-Border-Focus);
    color: var(--Color-Button-Content-Hover-1);
    outline-offset: 0px;
}

.mod_pagamento_online_verde_enlace:active {
    outline: 2px solid var(--Color-Button-Border-Pressed);
    background-color: var(--Color-Button-Background-Hover-1);
    border: 2px solid var(--Color-Button-Background-Hover-1);
}