@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
*{font-family: 'Roboto Condensed', sans-serif;}

.aviso_zoom{z-index: 3; left: 0;top: 0; position: fixed; width: 100%; height: 100vh; overflow-x: hidden; overflow-y: auto; text-align: center; background-color: rgba(0, 0, 0, .9); }
.aviso_zoom img{max-width: 95%; cursor: zoom-out;}


.caja_post{width: calc(100% - 2em); padding:  0 1em; display: flex; padding-top: 1em; justify-content: space-between; }
.post{background: var(--gris);width: calc(72%); display: flex; justify-content: space-between; flex-wrap: wrap;}
.post_full{background: var(--gris);width: calc(100%); display: flex; justify-content: space-between; flex-wrap: wrap;}
.post_slider{width: calc(45% - 1em); padding:  0 0.5em; height: 400px; display: flex; align-items: center; justify-content: center;}
.post_slider ul{width: 100%; height: 100%; position: relative;overflow: hidden;}
.post_slider ul li{width: 100%; height: 100%; overflow: hidden; background-size: cover !important; background-position: center !important; position: absolute; top: 0; right: -100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.post_slider img{width: auto; height: auto; max-width: 100%; max-height: 90%;}
.post_contenido{width: calc(55% - 2em); padding:  0 1em; height: auto;}
.post_contenido h1{color: #02157e;margin: 0.5em 0;}
.post_contenido h4{color: #3b66c2}
.post_contenido .texto{overflow-x: hidden; overflow-y: auto;padding-top: 1em; border-top: 1px dashed var(--celeste_claro);border-bottom:1px dashed var(--celeste_claro); height:200px;}
.post_contenido p{width: 100% !important; padding: 0 !important;}
.post_contenido .caja_descripcion{width: 100%; height: 55px; }
.caja_descripcion h5{color: var(--verde); margin-bottom: 5px;margin-top: 5px;}
.caja_descripcion ul{width: 100%; height: 40px; position: relative;overflow: hidden;}
.caja_descripcion ul li{overflow-y: auto; overflow-x: hidden;width: 100%; height: 40px; overflow: hidden; position: absolute; top: 0; right: -100%; }
.post_extra{width: calc(100%);}
.share{padding: 2em 0; width: 100%; height: auto; background: var(--azul); margin-top: 2em;}
.share  * {color: #FFF;}
.share h2{margin: 0 0 0.5em 0 !important;}
.share ul{display: flex; justify-content: center; width: 100%; padding: 0.5em 0;}
.share ul li:nth-of-type(n+1){padding-right: 1em;}
.share ul li a{cursor: pointer;}
.share ul li a * {cursor: pointer;}
.share ul li .icon * {font-size: 25px; color: #FFF}

.related h2{color: var(--main-color)}
.related ul{display: flex; flex-wrap: wrap; justify-content: space-around;width: 100%}
.related ul li{width: 30%;  height: 250px; overflow: hidden;margin-bottom: 2em;}
.related ul li a{position: relative;}
.related ul li a *{cursor: pointer;}
.related ul li a h3{text-align: center; margin-bottom: 0.5em; font-size: 0.8em; color: var(--secondary-color);}
.related ul li a h4{text-align: center; color: var(--secondary-color)}
.related ul li .imagen{width: 100%; height: 150px; text-align: center; position: relative; }
.related ul li .imagen img{width: auto; height: auto;  max-height: 100%;}
.related ul li .noticia{width: 100%; height: 100%;}

.caja_comentarios{width: calc(100% - 4em); padding: 0 2em; height: auto; padding-top: 2em;}

.videos,.youtube{width: calc(100% - 2em); height: auto; padding: 1em; display: flex; flex-wrap: wrap; justify-content: space-around;}

.video{width: calc(33% - 2em); padding: 1em; height: auto; margin: 0.5em 0;}
.desc_video{text-align: center;}
.youtube .desc_video{width: calc(100% - 2em); padding:  1em;}
.videos h1,.youtube h1{color: #02157e;}
.eventos{background: #e9fed5; width: calc(27%); height: 100%; display: flex; flex-wrap: wrap;}
.listado_eventos{width: 100%; height: auto;}
.eventos .imagen_destacada{width: 100%; height: 350px; text-align: center; display: flex; align-items: center; justify-content: center;}
.evento{padding: 1em 0; border-bottom: 1px dashed var(--celeste_claro); text-align: center; cursor: }
.evento a{ width: 100%; height: 100%; cursor: pointer; display: block; }
.evento a * {cursor: pointer;}

.imagen_destacada img{width: auto; height: auto; max-height: 340px; max-width: calc(100% - 3em); border: 1em solid #FFF;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
-ms-box-shadow: 0 3px 6px rgba(0,0,0,.25);
box-shadow: 0 3px 6px rgba(0,0,0,.25);}


.barra_tabs{display: flex; justify-content: flex-start; width: calc(100% - 1em); padding: 0.5em; border-radius: 7px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background: #e8e8e8; align-items: center; } 

.tab a{cursor: pointer; color: #656565;}
.separador{text-align: center; width: 20px;padding: 0 1em;} 

.tab.inactivo{color: #8a8a8a; font-weight: bold;}

@media (max-width: 767px){
.no_mobile{display: none;}
.post{width: 100%;}
.post_slider{width: calc(100% - 1em); order: 2;}
.post_contenido{width: calc(100% - 1em); order:1; height: auto;}
.post_extra{order: 4;}
.video{width: calc(100% - 1em); padding: 1em 0.5em;}
.videos{order: 3}

}