/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 11-july-2019, 13:29:44
    Author     : Ruben
*/


#wrapper > div:nth-child(1) {
    width: 100%;
}


/* overflow del contenido cuando tiene mucha información */
#soyPromoHomeDesktop{
    width: 100%;
    padding-top: 5%;
    padding-bottom: 5%;
    padding-left: 24%;
    padding-right: 24%;
    background:#2B2A29;
}

#soyPromoHomeMobile{
    display:none;
}

.soyPromoHomeInfo{
    width: 50%;
    display: inline-block;
}

.soyPromoHomeImg{
    display: inline-block;
    vertical-align: top;
    width: 49.5%;
    text-align: center;
}

.soyPromoHomeInfo .title{
    color:#fff;
    font-weight: bold;
    font-size:24px;
    line-height: 28px;
    margin-bottom: 10px;
}

.soyPromoHomeInfo .desc p{
    color:#BBC274;
    font-size:14px;
}

.soyPromoHomeInfo .pvp{
    font-family:'Open Sans Bold';
    font-size:62px;
    color:#fff;
    line-height: 90px;
    margin-bottom: 20px;
}

.soyPromoHomeInfo .pvp span{
    font-family:'Open Sans Bold';
    color:#fff;
    font-size:48px;
}

.soyPromoHomeInfo a{
    font-family:'Open Sans Bold';
    margin-top: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 60px;
    padding-right: 60px;
    font-size:16px;
    color:#fff;
    background:#AFCB1F;
    border:0;
    border-radius: 10px;
    transition: all 0.6s;
}


.soyPromoHomeInfo a:hover{
    background:rgba(175,203,31,0.5);
    transition: all 0.6s;
}

/* ---------------------------------------------------
	# 1662PX
	----------------------------------------------------*/

@media(min-width:1235px) and (max-width:1662px){


    /* ---------------------------------------------------
    ## HOME_SOYPROMOHOME
    ----------------------------------------------------*/

    #soyPromoHomeDesktop{
        padding-left: 15%;
        padding-right: 15%;
    }

}



/* ---------------------------------------------------
# 1234PX
----------------------------------------------------*/

@media(min-width:768px) and (max-width:1234px){


    /* ---------------------------------------------------
    ## HOME_SOYPROMOHOME
    ----------------------------------------------------*/

    #soyPromoHomeDesktop{
        padding-left: 5%;
        padding-right: 5%;
    }

}


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

    /* ---------------------------------------------------
    ## HOME_SOYPROMOHOME
    ----------------------------------------------------*/

    #soyPromoHomeDesktop{
        display:none;
    }

    #soyPromoHomeMobile{
        display:block;
        width: 100%;
        padding-top: 10%;
        padding-bottom: 20%;
        padding-left: 5%;
        padding-right: 5%;
        background:#2B2A29;
        text-align: center;
    }

    .soyPromoHomeImg{
        width: 100%;
    }

}




@media(max-width:767px){

    /* ---------------------------------------------------
    ## HOME_SOYPROMOHOME
    ----------------------------------------------------*/
    #soyPromoHomeDesktop{
        display:none;
    }

    #soyPromoHomeMobile{
        display:block;
        width: 100%;
        padding-top: 10%;
        padding-bottom: 20%;
        padding-left: 5%;
        padding-right: 5%;
        background:#2B2A29;
        text-align: center;
    }


}


@media(max-width:476px){
    /* ---------------------------------------------------
    ## HOME_SOYPROMOHOME
    ----------------------------------------------------*/

    #soyPromoHomeMobile{
        padding-left: 10%;
        padding-right: 10%;
    }

    .soyPromoHomeImg , .soyPromoHomeInfo{
        width: 100%;
    }

}