#main .bar.left.show {
    -webkit-transform: translate3d(240px, 0, 0)
}

@media screen and (min-width: 1280px) {
    body {
        text-align:center
    }

    #app,.branding,.magazines ul,.issue-sections .is-menu {
        margin-left: auto;
        margin-right: auto
    }

    .menu {
        display: none
    }
}

@media screen and (max-width: 1280px) {
    .menu {
        display:none
    }
}

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

    .magazines,.branding,.issue-sections {
        display:none
    } 

   /* .magazines,.issue-sections {
        display:none
    }
    
    .branding {
        position: absolute;
        z-index: 11;
        background: transparent;
        border: 0;
    }

    .branding .time, .branding h1 {
        display:none
    }

    .branding .user {
        top: 12px;
        margin: 0;
        right: 20px;
    }

    .branding .user a {
        padding: 0;
    }

    .icon-login {
        margin: 0;
    }

    .icon-login_txt {
        display: none;
    } */



    .menu {
        display: block;
        position: fixed;
        width: 100%;
        /*z-index: 1490;*/
        z-index: 1050;

    }

    #contenedor_header {
        display: none;
    }

    #barra_botonera_cuerpos {
        display: none;
    }

    #barra_botonera_secciones {
        display: none;
    }

    #main .side {
        position: fixed;
        left: -240px;
        top: 0;
        bottom: 0;
        overflow: auto;
        background: #008973
    }

    #main .side h3,#main .side h4,#main .side span {
        color: #a8ceb5 !important
    }

    #main .side a {
        color: #fff
    }

    #main .side a:hover {
        text-decoration: underline
    }

    #main .side.left {
        -webkit-transform: translate3d(100%, 0, 0)
    }

    #main .bar {
        display: block;
        padding: 3px 0 0 0;
    }
}

.embedded .magazines,.embedded .branding,.embedded .issue-sections,.embedded .menu {
    display: none
}

.embedded section.newspaper {
    margin-top: 0 !important
}


/* PORTADA */

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

 /*   .newspaper {
        margin-top:50px;
    } */

    .newspaper .item {
        width: 50%;
        float: left;
        min-width: 0;
    }

    .newspaper .item:before {
        display:none;
    }

}

@media only screen and (min-width: 321px) and (max-width: 720px) {

    /*.newspaper {
        margin-top:50px;
    }*/

    .newspaper .item {
        width: 49.9%;
        float: left;
        min-width: 0;
    }

    .swiper-wrapper div:before {
        display:none;
    }

}


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

    /*.newspaper {
        margin-top:50px;
    }*/

    .newspaper .item {
        /*width: 50%;
        float: left;
        min-width: 0; */

        width: 70%;
        float: none;
        min-width: 0;
        margin: 0 auto;
        border-left: 1px solid #ccc;
        
    }

    .newspaper .item:before {
        display:none;
    }

   .cont_log_mov_users .icon-login_txt_app {
        display: none;
    }

}

@media only screen and (min-width: 321px) and (max-width: 720px) {

   /* .newspaper {
        margin-top:50px;
    } */

    .newspaper .item {
        /*width: 49.9%;*/
        width: 100%;
        float: left;
        min-width: 0;
    }

    .swiper-wrapper div:before {
        display:none;
    }

}

/* PÁGINA */

/*#main .bar {

    position:absolute;
    top:-30px;
    webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -ms-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all 0s ease;
} */

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

    /*.back-nav, .page-nav, .back-nav+.articles {
        display: none;
    }*/

    section.articles {
        margin: 0;
    }

    .back-nav {
       display: none; 
    }

    .pages #page-image .zones a:hover {
        box-shadow:none;
    }

    .pages #page-image .zones a:before {
        display:none;
    } 

   #sig_pag_full,#ant_pag_full {
        display:none; 
   }

    .cont_log_mov_users .icon-login {
        margin-right: 8px;
    } 
   

}

@media screen and (min-width: 1280px) {
     .volver_footer {
        display:none;
     }

     #gestos {
        display:none;  
     }
}

@media screen and (max-width: 1280px) {
     .volver_footer {
        display:none;
     }

     #gestos {
        display:none;  
     }
}

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

    .pages {
        overflow: hidden;
        margin: 0;
    }

    /*.pages #page-image {
        padding-top:20px;
    }*/

    /*.back-nav, .page-nav, .back-nav+.articles {
       display: none;
    }*/

    .back-nav {
       display: none; 
    }

    section.articles {
        margin: 0;
    }

    #gestos {
        display:block;  
     }

     .volver_footer_init {
        position: relative;
        display: block;
     }

     /*.volv_page {
        width: 100%;
        bottom: 0;
        position: absolute;
     }

     .volv_article {
        width: 97.3%;
        bottom: 0;
        position: absolute;
     } */

    .volv_page {
        position: relative;
     }

    .volv_article {
        /*width: 97.3%;*/
        width: 100%;
        bottom: 0;
        position: absolute;
     }

     .cont_paginas_footer {
        position: relative;
        top: 30px;
     }

    .volver_footer {
       /* position: absolute;*/
        /*display:block;*/
        /*padding: 12px 10px 5px 0;*/
        padding: 11px 10px 11px 0;
        background: #008973;
        text-align:center;
        display:block;
        color:#fff;
        line-height: 20px;
        /*position:relative;*/
        /*bottom: 0;*/
        z-index:100;
    }

    .volver_footer:hover {
        color:#fff;
    }

    .volver_footer a {
        color:#fff;
    }

    .volver_footer a:hover {
        color:#fff;
        text-decoration:none;
    }

    .pag_ant {
        position:absolute;
        left:10px;
        width:25%;
        text-align:left;
    }

    .pag_sig {
        position:absolute;
        right:10px;
        width:25%;
        text-align:right;
    }

    .pages #page-image img {
        width:84%;
    }

    #ant_pag_full {
        left: -5px;
    }

    #sig_pag_full {
        right: -5px;
        /*right: -29px;*/
    }

    .compartir_soc {
        position: absolute;
        float: right;
        right: 34px;
        /*top: 25px;*/
        top: 4px;
        z-index: 10;
        display: none;
    }

    .comentar_esta_n {
        display: block;
        margin-right: 11px;
    }

    .icon-comentario_pag {
        width: 100px;
    }

    #coment_share {
        display: none;
    }

    .icon-compartir_pag {
        width: 85px;
        top: 1px;
        position: absolute;
        right: 2px;
        z-index: 9999;
    }

    .icon_what_page {
        display: inline-block;
        font-size: 20px;
        padding-left: 10px;
    }

    /* ANT | SIG */
    
    .link_bt_ant_f {
        width: 85%;
    }

    .link_bt_ant_f a {
        margin: 27% 0 0 18%;
        float: left;
        width: 100%;
        text-align: right;
    }

    .link_bt_ant_f a img {
        width: 100%;
    }

    #sig_pag_full {
        right: 5px;
    }

    .link_bt_sig_f {
        width: 85%;
        float: right;
    }

    .link_bt_sig_f a {
        margin: 27% 0 0 0;
        float: right;
        width: 100%;
        text-align: right;
    }

    .link_bt_sig_f a img {
        width: 100%;
    }

   /*section.articles .article {
        padding: 10px 48px;
    }*/ 

    .cont_log_mov_users {
        position: absolute;
        top: 11px;
        right: 15px;
        z-index: 10;
    }

    .cont_log_mov_users .icon-login_txt {
        padding-top: 5px;
    }

    .cont_log_mov_users .icon-login_txt a {
        color: #fff;
    }

}

@media screen and (max-width: 720px) {
   
    .link_bt_ant_f {
        width: 75%;
    }

    .link_bt_sig_f {
        width: 75%;
    }

    /* RANKING LECTORIA */

    .cont_ranking_lect_f {
        width: 100%;
    }

    .ranking_tit_mer {
        font-size: 15px;
        line-height: 37px;
        padding-left: 3%;
        text-align: left;
    }

    #contenedor_rank_lect { 
        padding-bottom: 0;
        position: relative;
        border-bottom: 2px solid #3162ab;
        border-top: 2px solid #3162ab;
        width: 99.8%;
        border-right: 0;
    }

    .cont_items_ranking_lect {
        display: none;
        float: left;
    }

    .cont_items_ranking_lect #contenedor_nota_ranking:last-child {
        border-bottom: 0;   
    }

    .cont_arrow_right {
        display: inline-block;
        position: absolute;
        right: 20px;
        font-size: 18px;
        top: -3px;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .cont_arrow_right_r {
        top: 4px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .cont_ranking_icon {
        display: inline-block;
    }

    .cont_subir_rank_lect {
        display: inline-block;
        font-size: 15px;
        color: #ffffff;
        bottom: -17px;
        left: 46%;
        background: #3162ab;
        border-radius: 50%;
        border: 2px solid #fff;
        padding: 3px 6px 9px 6px;
        position: absolute;
        z-index: 99;
    }

    .cont_subir_rank_lect .fa-chevron-up:before {
        position: relative;
        top: 1px;
    }


}

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

    .link_bt_ant_f {
        width: 60%;
    }

    .link_bt_sig_f {
        width: 60%;
    }
}

@media only screen and (min-width: 737px) and (max-width: 768px) { 
    .volv_page {
        position: absolute;
        width: 100%;
        bottom: 0;
    }
}

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

    section.articles .article {
        padding: 10px 48px;
    } 

    .volv_article {
        width: 100%;
    }

}

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

    section.articles .article {
        padding: 10px 20px;
    } 

}

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

    section.articles .article {
        padding: 10px 20px;
    }

}

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

    .volv_page {
        width: 100%;
        bottom: 0;
        /*position: absolute;*/
    }

}

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

    .volv_page {
        width: 100%;
        /*bottom: 0;
        position: absolute; */
    }

    .pages #page-image img {
        width: 100%;
    }

}

.efect {
    -webkit-transition: opacity 5s ease-in-out;
    -moz-transition: opacity 5s ease-in-out;
    -o-transition: opacity 5s ease-in-out;
    -ms-transition: opacity 5s ease-in-out;
    transition: opacity 5s ease-in-out;
}

.efect_icon_1 {
    -webkit-transition: opacity 10s ease-in-out;
    -moz-transition: opacity 10s ease-in-out;
    -o-transition: opacity 10s ease-in-out;
    -ms-transition: opacity 10s ease-in-out;
    transition: opacity 10s ease-in-out;
}

.efect_icon_2 {
    -webkit-transition: opacity 15s ease-in-out;
    -moz-transition: opacity 15s ease-in-out;
    -o-transition: opacity 15s ease-in-out;
    -ms-transition: opacity 15s ease-in-out;
    transition: opacity 15s ease-in-out;
}

@-webkit-keyframes fade-out {
    0% { opacity: 1; -webkit-transform: scale(1);}
    85% {opacity: 1; -webkit-transform: scale(1.05);}
    100% {-webkit-transform: scale(.1); opacity: 0;}
}

.fade-out {
    -webkit-animation: fade-out .5s ease-in;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    background-color: #000;
    width: 100px;
    height: 100px;
    opacity: 1;
}

.fade-out.one {-webkit-animation-delay: .5s;}
.fade-out.two {-webkit-animation-delay: 1.5s;}
.fade-out.three {-webkit-animation-delay: 2.5s;}
.fade-out.four {-webkit-animation-delay: 5.5s;}

.txt_o:before {
    content: 'Opciones de Navegación:';
    top: 50%;
    position: absolute;
    text-align: center;
    width: 20%;
    font-size:20px;
    left:39%;
}

.efect_icon_1:before {
    content: 'Click';
    top: 53.5%;
    left: 10%;
    position: absolute;
    text-align: left;
    width: 20%;
    font-size: 20px;
    color: #008973;
    font-weight: bold;
}

.efect_icon_2:before {
    content: 'Zoom';
    top: 53.5%;
    right: 8%;
    position: absolute;
    text-align: center;
    width: 20%;
    font-size: 20px;
    color: #008973;
    font-weight: bold;
}

#gestos {
    position:absolute; 
    width:100%; 
    height:100%; 
    background:rgba(0,137,115,0.5); 
    z-index:3;
}

/* ARTICULOS */


@media screen and (min-width: 1280px) {
    .volver_footer {
        display:none;
    }
}

@media screen and (max-width: 1280px) {
   /* .volver_footer {
        display:none;
    } */
}

@media only screen and (min-width: 769px) and (max-width:800px) { 
    .volv_page {
        position: absolute;
        width: 100%;
        bottom: 0;
    }
}

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

    .volver_footer:hover {
        color:#fff;
    }

    #main .bar {
        position: relative;
    }

    .article-list {
        padding-top: 0;
    }

    .pag_dimensiones_txt_l {
        display: none;
    }

    .pag_dimensiones_txt_r {
        display: none;
    }

    .icon-facebook_pag,.icon-twitter_pag,.icon-email_pag,.icon-imprimir_pag,.icon-whatsapp_pag {
        width: 34px;
        margin: 0 0 0 4px;
        position: relative;
    }

    #bt_whatsapp {
        display: block;
    }

    #bt_print {
        display: none;
    }

    section.articles .socialmedia {
        width: 100%;
    }

    #PDI_container8483021 .pds-box {
        width: 100%;
    }

    .cont_page_back {
      top: 4px;    
    }

    #cont_page_back_w .comentar_esta_n {
        display: none;
    }

}