@media(min-width:1000px){
    .principal_div-container {
        width: 1320px;
        display: flex;
        flex-direction: column;
        margin: 0 auto;
    }

    .background_img-principal {
        background-image: url('/images/bg-list-1.svg');
        background-size: cover;
        background-repeat: no-repeat;
        width: 1320px;
        height: 850px;
    }

    .img_super_background {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 auto;
        width: 276px;
        height: 276px;
        margin-top: 257px;
        margin-bottom: -38px;
    }

    .title-img_super_background {
        display: flex;
        flex-direction: column;
        font-weight: 500;
        font-size: 22px;
        width: 440px;
        margin-left: -74px;
        text-align: center;
        margin-top: 5px;
        color:#AD6DA8;
    }

    .buttons_gift-list {
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-top: 105px;
    }

    .buttons_gift-list>button {
        width: 255px;
        height: 56px;
        background-color: #AD6DA8;
        outline: none;
        text-transform: none;
        border: none;
        margin: 50px;
        border-radius: 5px;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        font-weight: 700;
        color: #fff;
        font-size: 18px;
        cursor: pointer;
    }

    .buttons_gift-list>button:hover {
        background-color: rgb(219, 100, 150);
    }

    .title-bottom_background-img-principal {
        display: flex;
        justify-content: center;
        color: #AD6DA8;
        font-size: 26px;
        font-weight: 700;
        margin-top: 40px;
    }

    .content-information-center {
        display: flex;
        flex-direction: row;
        width: 1320px;
        justify-content: center;
    }

    .title-description-beneficios {
        font-size: 22px;
        color: #000;
        font-weight: 500;
        text-align: center;
    }

    .content-information-center-item {
        display: flex;
        flex-direction: column;
        margin: 18px;
        margin-bottom:100px;
        align-items: center;
    }

    .content-information-center-item>img {
        width: 68px;
        height: 74px;
        margin: 10px;
    }

    .full-content-information {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 auto;
    }

    .description-beneficios{
        text-align:center;
        font-weight: 300;
        font-size:15px;
    }

    .btn-return-to-homepage{
        display:flex;
        justify-content: center;
        width:100%;
        margin-bottom:100px;
    }

    .btn-return-to-homepage button{
        width:256px;
        height:57px;
        background-color:#AD6DA8;
        outline: none;
        border: none;
        border-radius:5px;
        font-size:22px;
        box-shadow: 0px 3.96px 3.96px rgba(0, 0, 0, 0.25);
        font-style: normal;
        font-weight: bold;
        font-size: 18px;
        line-height: 21px;
        text-align: center;
        color: #FFFFFF;
        cursor:pointer;
    }

    .btn-return-to-homepage button:hover {
        background-color: rgb(219, 100, 150);
    }

    .main-product{
        padding:0px!important;
    }

}




    /* MOBILE */
@media(max-width:1000px){
    .principal_div-container {
        width: 360px;
        display: flex;
        flex-direction: column;
        margin: 0 auto;
    }

    .background_img-principal {
        background-image: url('/images/bg-list-1.png');
        background-size: contain;
        background-repeat: no-repeat;
        width: 360px;
        height: 610px;
    }

    .img_super_background {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 auto;
        width: 276px;
        height: 276px;
        margin-top: 257px;
        margin-bottom: -38px;
    }

    .title-img_super_background {
        display: block;
        font-weight: 500;
        font-size: 22px;
        width: 300px;
        margin-left: -74px;
        text-align: center;
        margin-top: 5px;
        margin: 0 auto;
        color:#AD6DA8;
    }

    .buttons_gift-list {
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-top: 105px;
    }
    
    .buttons_gift-list>button {
        width: 100px;
        height: 40px;
        background-color: #AD6DA8;
        outline: none;
        text-transform: none;
        border: none;
        margin: 4px;
        border-radius: 5px;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        font-weight: 700;
        color: #fff;
        font-size: 9px;
        cursor: pointer;
    }
    
    .buttons_gift-list>button:hover {
        background-color: rgb(219, 100, 150);
    }
    

    .title-bottom_background-img-principal {
        display: flex;
        justify-content: center;
        color: #AD6DA8;
        font-size: 26px;
        font-weight: 700;
        margin-top: 40px;
    }

    .content-information-center {
        width: 360px;
    }

    .title-description-beneficios {
        font-size: 22px;
        color: #000;
        font-weight: 500;
        text-align: center;
    }

    .content-information-center-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 18px;
    }

    .content-information-center-item>img {
        width: 45px;
        height: 74px;
        margin: 10px;
    }

    .full-content-information {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 auto;
        margin-top: 130px;
    }

    .description-beneficios {
        text-align: center;
        font-weight: 300;
        font-size: 15px;
    }

    .btn-return-to-homepage{
        display:flex;
        justify-content: center;
        width:100%;
        margin-bottom: 100px;
        margin-top: 70px;
    }
    
    .btn-return-to-homepage button{
        width:256px;
        height:57px;
        background-color:#AD6DA8;
        outline: none;
        border: none;
        border-radius:5px;
        font-size:22px;
        box-shadow: 0px 3.96px 3.96px rgba(0, 0, 0, 0.25);
        font-style: normal;
        font-weight: bold;
        font-size: 18px;
        line-height: 21px;
        text-align: center;
        color: #FFFFFF;
        cursor:pointer;
    }
    
    .btn-return-to-homepage button:hover {
        background-color: rgb(219, 100, 150);
    }
    
    .main-product{
        padding:0px!important;
    }
}