.section-closepromo-container {
    background-image: url(../../assets/closepromotion/bg_mo_closepromo.webp);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
}

.section-closepromo-contenido {
    min-height: 100vh;
    width: 95%;
    display: flex;
    justify-content: center;
    padding-top: 12rem;
}

.closepromo { /* padding-top: 10rem; */
    width: 95%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: c;
    border-radius: 20px;
    border: 1px solid #FFF;
    background: rgba(65, 191, 205, 0.82);
    backdrop-filter: blur(2.5px);
    padding: 50px 20px;
    max-height: 350px;
    max-width: 650px;
}

.closepromo-img {
    display: flex;
    justify-content: center;
}

    .closepromo-img img {
        width: 95%;
        max-width: 400px;
    }

.closepromo h1 {
    margin-top: 25px;
    color: var(--color-red-txt--primary);
    font-family: 'Pinup-Regular';
    font-size: 30px;
    text-transform: uppercase;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #FFF;
    text-align: center;
}

.closepromo p {
    margin-top: 30px;
    color: white;
    font-family: 'Pinup-Regular';
    text-transform: uppercase;
    font-size: 22px;
    text-align: center;
}


@media(min-width: 900px) {
    .section-closepromo-container {
        background-image: url(../../assets/closepromotion/bg_dt_closepromo.webp);
        display: flex;
        justify-content: center;
        background-position: center;
    }

    .section-closepromo-contenido {
        max-width: 1000px;
    }


    .closepromo {
    }

        .closepromo h1 {
            font-size: 35px;
        }


        .closepromo p {
            font-size: 30px;
        }
}