/* =====================================================
   CUPÓN DE ACTIVIDAD - ESTILO KIDZAPP
===================================================== */

.actividad-cupon-banner {
    width: 100%;

    margin-top: 22px;
    margin-bottom: 20px;

    overflow: hidden;

    border-radius: 16px;

    background: #ffffff;

    border: 1px solid #e5e7eb;

    box-shadow:
        0 7px 22px
        rgba(15, 23, 42, .06);
}


.actividad-cupon-imagen {
    position: relative;

    width: 100%;

    overflow: hidden;

    border-radius: inherit;

    background: #f3f4f6;
}


.actividad-cupon-imagen img {
    display: block;

    width: 100%;

    height: auto;

    max-height: 360px;

    object-fit: cover;

    object-position: center;

    transition:
        transform .3s ease;
}


/* EFECTO MUY SUAVE */

.actividad-cupon-banner:hover
.actividad-cupon-imagen img {

    transform: scale(1.015);
}


/* =====================================================
   TABLET
===================================================== */

@media (
    min-width: 577px
)
and (
    max-width: 991px
) {

    .actividad-cupon-banner {

        margin-top: 18px;
        margin-bottom: 18px;

        border-radius: 14px;
    }


    .actividad-cupon-imagen img {

        max-height: 300px;
    }

}


/* =====================================================
   CELULAR
===================================================== */

@media (
    max-width: 576px
) {

    .actividad-cupon-banner {

        margin-top: 16px;
        margin-bottom: 16px;

        border-radius: 12px;
    }


    .actividad-cupon-imagen img {

        width: 100%;

        height: auto;

        max-height: 200px;

        object-fit: cover;
    }

}

/* =====================================================
   CUPÓN MÁS COMPACTO - ESTILO KIDZAPP
===================================================== */

.actividad-cupon-banner {
    width: 100%;

    margin-top: 18px;
    margin-bottom: 18px;

    overflow: hidden;

    border-radius: 14px;

    background: #ffffff;

    border: 1px solid #e5e7eb;

    box-shadow:
        0 5px 16px
        rgba(15, 23, 42, .06);
}


.actividad-cupon-imagen {
    width: 100%;

    height: 230px;

    overflow: hidden;

    border-radius: inherit;

    background: #f3f4f6;
}


.actividad-cupon-imagen img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    object-position: center;

    max-height: none;

    transition:
        transform .3s ease;
}


.actividad-cupon-banner:hover
.actividad-cupon-imagen img {
    transform: scale(1.01);
}


/* =====================================================
   LAPTOP
===================================================== */

@media (
    min-width: 992px
)
and (
    max-width: 1400px
) {

    .actividad-cupon-imagen {
        height: 210px;
    }

}


/* =====================================================
   TABLET
===================================================== */

@media (
    min-width: 577px
)
and (
    max-width: 991px
) {

    .actividad-cupon-banner {
        margin-top: 16px;
        margin-bottom: 16px;

        border-radius: 13px;
    }


    .actividad-cupon-imagen {
        height: 190px;
    }

}


/* =====================================================
   CELULAR
===================================================== */

@media (
    max-width: 576px
) {

    .actividad-cupon-banner {
        margin-top: 14px;
        margin-bottom: 14px;

        border-radius: 11px;
    }


    .actividad-cupon-imagen {
        height: 145px;
    }


    .actividad-cupon-imagen img {
        object-fit: cover;

        object-position: center;
    }

}