﻿/**
 * Estilos responsive publicaciones
 */
@media screen and (max-width: 1200px) {
    .publicaciones .publicaciones__anuncio{
        flex-direction: column-reverse;
    }

    .publicaciones .publicaciones__imagen,
    .publicaciones .publicaciones__anuncio-contenido{
        width: 100%;
    }

    .publicaciones .publicaciones__imagen{
        margin-bottom: 50px;
    }
    
    .publicaciones .publicaciones__eventos{
		flex-direction: column;
	}
    
    .publicaciones .publicaciones__cat-contenedor{
		width: 100%;
		flex: 100%;
    	max-width: 100%;
	}
	
	.publicaciones .publicaciones__contenedor-muro{
		width: 100%;
	}
	
	.publicaciones .publicaciones__categorias{
		max-height:400px;	
	}

	.publicaciones .publicaciones__categoria-link-img{
		display: none;
	}
	
	.publicaciones .publicaciones__articulo-imagen{
		height: auto;
	}

}

@media screen and (max-width: 768px) {
	.publicaciones .publicaciones__descripcion{
	    margin: 1em 0 0 0;
	}

	.publicaciones .publicaciones__resumen{
		padding: 0 30px;
	}
	
	.publicaciones .publicaciones__contenedor {
		margin: 0 auto;
	}
	
	.publicaciones .publicaciones__articulo{
		width: 100%;
	    margin-left: 0;
	    margin-right: 0;
	    align-items: center;
	}
		
	.publicaciones .publicaciones__eventos{
	    width: calc(100vw - 1em);
	}
	
	.publicaciones .publicaciones__filtros{
		flex-direction: column;
	}
	.publicaciones .publicaciones__tabs,
	.publicaciones .publicaciones__filtros__contenedor,
	.publicaciones .publicaciones__filtro-btn{
		width: 100%;
		max-width:none;
	}
	
	.publicaciones .publicaciones__menu-contextual{
		left: 10px !important;
		width: calc(100vw - 20px)
	}

	.publicaciones .publicaciones__articulo-imagen{
		width: 279px;
		height: 370px;
	}
	
	.publicaciones .publicaciones__botones{
		font-size: 1em;
		line-height: 1.1em;
	}
}