/**
 * Estilos generales para componentes responsive
 */
 @media screen and (max-width: 1200px) {
 	.lay-upra__imagen:before{
    	bottom: auto;
        height: 36vw;
    }
        
 } 

@media screen and (max-width: 920px) {	
	.lay-upra__desplegable-iconos__item{
		margin: 10px;
	}
	
    .lay-upra__imagen{
        margin-bottom: 50px;
    }
    
    .lay-upra__tab-lateral{
		flex-direction: column;
		align-items: center;
	}
			
	.lay-upra__anuncio-contenido.lay-upra__anuncio-contenido--corto{
		padding-top: 40px;
	}
	.lay-upra__titulo-flotante{
		width: calc(100% + 40px);
		font-size: 24px;
	}
	
	.lay-upra-pdiztl__tab-lateral{
		flex-direction: column;
		align-items: center;
	}
	
	.lay-upra__bloques{
		flex-wrap: wrap;
	}
		
	.lay-upra__bloques .lay-upra__bloque.lay-upra__bloque--activo .lay-upra__bloque-listado{
		top: 0;
		position: relative;
	}
	
	.lay-upra__acordeon .lay-upra__contenido-tab{
		padding: 0 30px;
	}
}

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

	.lay-upra__desplegable-iconos__contenedor{
		align-items: center;
		flex-wrap: wrap;
	}
	
	.lay-upra__imagen:before{
        bottom: -30px;
        height: auto;
    }
	
	.lay-upra__desplegable-iconos__item{
		margin: 50px 0 0;
		width: calc(50% - 20px);
		max-width: none;
		margin-bottom: 200px;
	}
	.lay-upra__desplegable-iconos__item .lay-upra__desplegable-iconos__contenido{
		position: relative;
	    top: 0;
	    height: auto;
	    padding: 10px 20px;
	}
	
	.lay-upra__anuncio{
		flex-direction: column !important;
	}
	
	.lay-upra__descripcion {
	    margin: 30px 0;
	}
	
	.lay-upra__resumen{
		padding-left: 30px;
    	padding-right: 30px;
	}
	
	.lay-upra__imagen,
	.lay-upra__anuncio-contenido{
		width: 100%;
		padding: 0;
	}
	
	.lay-upra__parraft{
		text-align: justify;
		padding: 0 10px;
	}
	
	.lay-upra__titulo-flotante{
		width: 100%;
	}
	
	.lay-upra__anuncio-contenedor{
		padding: 20px;
	}
	
	.lay-upra__anuncio{
		padding: 20px 0 0px;
	}	

	.lay-upra-pdize__enlace-contenedor{
		padding: 1em;
	}
	
	.lay-upra-pdiztl__tab-lateral .lay-upra__contenido-tab{
	    margin: 0 20px;
	}
	
	.lay-upra__categorias-horizontales .lay-upra__hcat-tabs{
		flex-direction: column;
		align-items: center;
	}

	.lay-upra__categorias-horizontales .lay-upra-hcat__enlace-contenedor {
		flex: auto;
	}
	
	
	.lay-upra__categorias-centrales{
		padding: 10px 0;
		gap: 0;
	}
	
	.lay-upra__categorias-centrales .lay-upra__ccat-tabs{
		gap: 0;
	}
	.lay-upra__categorias-centrales .lay-upra-ccat__contenedor-boton{
		width: 44%;
		margin: 10px;
	}
	
	.lay-upra-cuadrados__tabla-tabs .lay-upra-cuadrados__boton {
		max-width:none;
	}
	
	.lay-upra-cuadrados .lay-upra-cuadrados__selector-etiqueta {
		height: 65px;
	}
	
	.lay-upra-cuadrados .lay-upra-cuadrados__selector-lista {
		height: 65px;
	}
	
	.lay-upra__tab-lateral .lay-upra__contenido {
		padding-left: 0;
	}
	
	.lay-upra__tab-lateral .lay-upra__contenido-tab.lay-upra__contenido-tab--activo{
		margin: 0 20px;
	}
	.lay-upra__acordeon .lay-upra__contenido-tab{
		padding: 0 10px;
	}
	
	.lay-upra__lista-links {
		width: 100%;
	    padding: 0 10px !important;
	}
	
	/*Se disminuye a 1 columna */
	.lay-upra__contenido-contenedor-cols .lay-upra__contenido-articulo-2col {
	    flex: 1 1 100%;
	    width: auto;
	    padding: 10px;
	}
	
	/*Se disminuye a 2 columnas*/
	.lay-upra__contenido-contenedor-cols .lay-upra__contenido-articulo-3col {
		width: 48%;
	}
	
	/*Se disminuye a 2 columnas*/
	.lay-upra__contenido-contenedor-cols .lay-upra__contenido-articulo-4col {
		width: 48%;
	}
	
	.lay-upra__boletines-paginador ul{
		gap: 6px;
		margin: 20px 0px;
	}

}