@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; align-items: flex-start;}
.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: calc(100% - 45px); 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: 400px;}
.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); height: 200px;}
.post_contenido p{width: 100% !important; padding: 0 !important;}

.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)}
.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;min-height: 450px;}


.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: 280px; text-align: center; display: flex; align-items: center; justify-content: center;}
.evento{padding: 1em 0; border-bottom: 1px dashed var(--azul); text-align: center; cursor: }
.evento a{ width: 100%; height: 100%; cursor: pointer; display: block; }
.evento a * {cursor: pointer;}
.evento h2{margin-bottom: 0;}
.evento h3{color: var(--azul_claro);}
.evento h4{color: #111; text-overflow: ellipsis; white-space: nowrap; width: calc(100% - 2em); text-align: center;padding: 0 1em;overflow: hidden;}

.imagen_destacada img{width: auto; height: auto; max-height: calc(100% - 3em); 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;height: 45px } 

.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: 3;}
}