﻿/**
 * Estilos responsive publicaciones
 */
@media screen and (max-width: 920px) {
	.noticias .noticia__articulo{
		flex-direction: column;	
	}
	
	.noticias .noticia__imagen,
	.noticias .noticia__texto{
		width: 100%
	}
	
	.noticias .noticia__texto{
		padding-bottom: 1em;	
	}
	
	.noticias .noticia__anuncio{
	 	width: 35%;
	}
	.noticias .noticia__foto{
	 	width: 65%;
	}
	
	.noticias .noticias__categorias{
		max-height:400px;	
	}

	
}

@media screen and (max-width: 768px) {
	.noticias .noticias__descripcion{
	     margin: 1em 0 0 0;
	}
	
	.noticias .noticias__resumen{
		padding: 0 10px;
	}
	
	.noticias .noticias__contenedor{
		margin: 0 auto;
	}

	.noticias .noticias__filtros{
		flex-direction: column;
	}
	.noticias .noticias__tabs,
	.noticias .noticias__filtros__contenedor,
	.noticias .noticias__filtro-btn{
		width: 100%;
		max-width:none;
	}
	
	.noticias .noticia__imagen{
		flex-direction: column;	
	}
	
	.noticias .noticia__anuncio{
	 	width: 100%;
	}
	.noticias .noticia__foto{
	 	width: 100vw;
	}
	
	.noticias .noticia__foto img{
	 	margin-left: auto;
	 	margin-right: auto;
	 	display:block;
	}
}