@media screen and (max-width: 1367px) {

    .hero__title{
        font-size: 3.4rem;
    }

    .clock{
        top: 1.5rem;
    }

    .programa-sec__title span:nth-child(n+2){
        font-size: 9rem;
    }

    #acceso{
        /* margin-top: -16rem; */
    }
}

@media screen and (max-width: 1080px){
    .section-dec__img{
        width: 100vw;
    }
}

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

    .programa-sec__title span{
        display: inline;
    }
    .programa-sec__title span:nth-child(n+2){
        width: auto;
    }
}

@media screen and (max-width: 811px){
    .dec-program::before{
        content: none;
    }
}

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

    .aside.aside__movil{
        display: none;
    }

    #acceso{
        /* margin-top: -10rem; */
    }
}

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

    /*  */

    h2{
        font-size: 20px;
    }

    h2 span{
        font-size: 40px;
    }

    /********** HERO ************/

    #hero{
        /* height: 650px; */
        height: 535px;
    }

    .hero__title {
        font-size: 1.5rem;/* 1.2 */
    }

    .hero__data{
        width: 100%;
        margin-bottom: 0;
    }

    .hero__data img{
        width: 18px;
    }

    #hero p{
        font-size: .8rem;
    }

    .clock{
        /* top: 8rem; */
        top: 3rem;
    }

    .clock span .small{
        font-size: 10px !important;
    }

    .hero__btn{
        margin-top: 1rem;
    }

    /********** HERO ************/

    /********** GENRAL ************/
    
    section,
    #acceso{
        padding: 40px 0 !important;
    }
    

    /********** GENRAL ************/

    .programa-sec__title{
        padding-top: 2rem;
    }

    .programa-sec__title span:first-child{
        width: 100%;
    }

    .programa-sec__title span:nth-child(n+2){
        font-size: 3.4rem;
        width: auto;
        margin-bottom: 0;
    }

    .card.cardpro .card-body{
        padding: .4rem .2rem;
    }

    .card.cardpro .hora{
        font-size: .6rem;
    }

    .card.cardpro .conferencia,
    .card.cardpro .nombre-conferencia,
    .accordion-body li{
        font-size: .7rem;
    }

    #acceso{
        /* margin-top: -15rem; */
    }

    /********** CARD SPECIAL ************/

    .card-special{
        flex-direction: column;
    }

    .card-special__left, 
    .card-special__right{
        max-width: 100%;
    }

    .card-special__title h2,
    .card-special__title h2 span{
        font-size: 1.4rem;
    }

    .card-special__text{
        font-size: 1rem;
    }

    .card-special__left{
        border-top-right-radius: var(--radious-general);
    }

    .card-special__right{
        border-top-left-radius: .2rem;
        border-bottom-left-radius: var(--radious-general);
        border-bottom-right-radius: var(--radious-general);
    }

    /********** CARD SPECIAL ************/

    /********** GASOLINERO ************/

    .gasolinero-sec{
        padding: 90px 0;
    }

    .gasolinero-sec__title{
        flex-direction: column;
    }

    .gasolinero-sec__title img{
        width: 3rem;
    }

    .gasolinero-sec__title h2{
        text-align: center;
    }

    .gasolinero-sec__img.img__1,
    .gasolinero-sec__img.img__2,
    .gasolinero-sec__img.img__3{
        display: none;
    }

    .card-gasolinero{
        padding: 1.5rem 2rem;
    }
    
    .card-gasolinero__text{
        font-size: .9rem;
    }

    /********** GASOLINERO ************/

    /********** NETWORKING ************/

    .gallery-networking{
        flex-wrap: wrap;
    }

    .gallery-networking__frame{
        min-height: 18rem;
        max-height: 18rem;
        max-width: 31%;
    }

    .gallery-networking__frame.active{
        max-width: 100%;
        order: 1 !important;
    }

    .gallery-networking__frame.active .gallery-networking__detail{
        width: 90%;
    }

    /********** NETWORKING ************/

    /********** PRÓXIMOS EVENTOS ************/

    .card-evento__pleca{
        max-width: 95%;
        padding: .7rem .6rem;
    }

    .card-evento__bg{
        min-height: 14rem;
        object-fit: cover;
    }

    /********** PRÓXIMOS EVENTOS ************/

    .aside.aside__movil{
        top: inherit;
    }

    /********** MODAL ************/

    .modal-speakers__left{
        max-width: 100%;
        height: 8rem;
    }

    .modal-speakers__img{
        display: flex;
        padding: 0;
        margin-top: 5rem;
    }

    .modal-speakers__img img{
        margin-top: -4rem;
        margin-left: auto;
        margin-right: auto;
        max-width: 10rem;
    }

    .modal-speakers__right{
        max-width: 100%;
    }

    .modal-speakers__detail{
        padding: 18rem 1rem 0;
        overflow-y: auto;
    }

    .modal-speakers__description{
        font-size: .8rem;
    }

    /********** MODAL ************/

    /********** FOOTER ************/

    footer{
        margin-bottom: 90px;
    }
    
    .footer__news{
        padding: 2rem 1.2rem;
    }

    .footer__title,
    .footer__subtitle{
        text-align: center;
    }

    .footer__subtitle{
        padding-bottom: 1rem;
    }

    .footer__form{
        flex-direction: column;
    }
    
    .footer__input{
        border-top-right-radius: var(--radious-general);
        border-bottom-right-radius: var(--radious-general);
        margin-bottom: .5rem;
    }

    .footer__button{
        border-top-left-radius: var(--radious-general);
        border-bottom-left-radius: var(--radious-general);
        padding: 1rem 2rem;
    }

    .footer__contact-links,
    .jc-rwd{
        justify-content: center;
    }


    /********** FOOTER ************/

}

@media screen and (max-width:500px) {
    .section-dec__img{
        display: none;
    }
}