#first-cards-ContinuarLeyendo{
    max-width: 1240px !important;
}
.container-cards {
    font-family: Outfit, sans-serif;
    color: var(--color-text-blackandwhite);
    padding: 20px !important;
    padding-left: 8% !important;
}
.container-information {
    max-width: 100%;
    margin: auto;
    padding: 20px !important;
}
.information {
    text-align: left;
    max-width: 100%;
    margin: auto;
}
.cards-container {
    height: auto;
    max-width: 100%;
    margin: 18px 0px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 20px;
    overflow-x: auto;
    padding: 0px !important;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
    align-items: stretch;
}
.cards-container::-webkit-scrollbar {
    display: none;
}
#unica-card {
    background: var(--color-cardeventos) !important;
    border-radius: 15px;
    overflow: hidden;
    width: 328px;
    height: auto;
    text-align: left;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    scroll-snap-align: start;
    border: none !important;
    align-self: stretch;
}
#unica-card image {
    width: 100%;
    height: 156px;
    object-fit: cover;
    border-radius: 15px;
}
.card-content {
    padding: 15px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    text-align: left;
    justify-content: space-between;
    height: 100%;
}
.card-content p {
    flex-grow: 1;
}
.card-header {
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding-bottom: 15px;
    color: var(--color-textocard) !important;
    border: none !important;
    background-color: var(--color-cardeventos) !important;
}
.card-header h3 {
    flex: 1;
    font-size: 1.125rem;
    font-weight: bold;
    margin: 0;
}
.nuevo-badge {
    background: var(--color-nuevo-badge);
    color: var(--color-text-oscuroprimerio) !important;
    font-size: 14px;
    padding: 1px 10px;
    border-radius: 20px;
    white-space: nowrap;
}
#unica-card p {
    font-size: 1rem;
    color: var(--color-textocard) !important;
    margin-bottom: 15px;
}
.btn-card {
    background: var(--color-buttonorangeterciary);
    font-size: 1.125rem;
    color: white;
    padding: 5px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: bold;
    margin-top: auto;
    display: inline-block;
    align-self: flex-start;
}
.btn-card:hover {
    background: darkred;
    color: white;
}
@media screen and (max-width: 320px) {
    .cards-container {
        display: flex;
        flex-wrap: wrap; /* Se acomoda en una sola columna */
        align-items: flex-start; /* Asegura que todas las cards estén visibles */
        overflow-x: hidden; /* Evita desplazamiento horizontal */
        width: 100%; /* Ocupar todo el ancho disponible */
        padding: 10px 0; /* Espaciado uniforme */
    }
    #unica-card {
        width: 100% !important; /* Se ajusta al ancho disponible */
        max-width: 320px; /* No excede el tamaño de la pantalla */
        height: 412px !important; /* Mantiene la altura */
        flex: 1 1 auto; 
    }
}
.btn-card-PadreNuestroRedireccion{
    background: var( --gradiente--oracionesredireccion);
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    color: white;
    padding: 7px 20px 7px 20px;
    border-radius: 50px;
    text-decoration: none;
    display: inline-block;
    align-self: flex-start;
}