#articulos-seleccionados-hemeroteca div#contenedor-header-seccion-principal {
	background-image: url("/img/secciones-principales/documentacion-y-publicaciones/hemeroteca.svg");
	min-height: 314px;
}

#articulos-seleccionados-hemeroteca div#contenedor-header-seccion-principal div#botones-enc-articulos-seleccionados {
	display: flex;
	gap: 15px;
}

#articulos-seleccionados-hemeroteca div#contenedor-header-seccion-principal a.boton-volver {
	background-color: #a9a5d2;
}

#articulos-seleccionados-hemeroteca div#contenedor-header-seccion-principal a.boton-volver:hover {
	background-color: #b7b3e3;
}

#articulos-seleccionados-hemeroteca div#detector-version-movil {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	visibility: hidden;
	z-index: -1000;
}

#articulos-seleccionados-hemeroteca div.msg {
	margin: 0 !important;
}

#articulos-seleccionados-hemeroteca div.msg + div#lista-articulos {
	margin-top: 45px;
}

#articulos-seleccionados-hemeroteca div#lista-articulos {
	display: flex;
	flex-direction: column;
	row-gap: 45px;
}

#articulos-seleccionados-hemeroteca div.articulo {
	display: flex;
	flex-direction: row;
	border: 2px solid #ccc;
	width: 100%;
	height: 100%;
	padding: 20px 25px;
	column-gap: 25px;
}

#articulos-seleccionados-hemeroteca div.articulo div.articulo-izq {
	flex-grow: 1;
	flex-shrink: 1;
}

#articulos-seleccionados-hemeroteca div.articulo p {
	margin-bottom: 0;
}

#articulos-seleccionados-hemeroteca div.articulo p.titulo-articulo {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 600;
	font-size: 22px;
	line-height: 27px;
	color: #504b4b;
}

#articulos-seleccionados-hemeroteca div.articulo p.autor {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 400;
	font-size: 19px;
	line-height: 24px;
	color: #808080;
	margin-top: 5px;
}

#articulos-seleccionados-hemeroteca div.articulo p.revista {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 22px;
	color: #504b4b;
	margin-top: 19px;
}

#articulos-seleccionados-hemeroteca div.articulo div.articulo-der {
	display: flex;
	align-items: center;
	flex-grow: 0;
	flex-shrink: 0;
}

#articulos-seleccionados-hemeroteca a.boton-eliminar {
	width: 46px;
	height: 46px;
	color: #4c4c4c;
	border: 1px solid #c6c6c6;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: border-color 0.1s;
}

#articulos-seleccionados-hemeroteca a.boton-eliminar:hover {
	border: 1px solid #a6a6a6;
}

#articulos-seleccionados-hemeroteca a.boton-eliminar svg {
	width: 28px;
	height: auto;
}

#articulos-seleccionados-hemeroteca div.articulo div.articulo-izq-abajo a.boton-eliminar {
	display: none;
}

div#botones-accion-pie {
	display: none;
	position: fixed;
	width: 200px;
	bottom: 25px;
	right: 25px;
	z-index: 995;
}

div#botones-accion-pie.requiere-login {
	width: 250px;
}

div#botones-accion-pie a.boton {
	width: 100%;
	height: 50px;
	background-color: #ee973b;
	font-size: 21px;
	line-height: 25px;
}

div#botones-accion-pie a.boton:hover {
	background-color: #ffa340;
}

/*-------------------*/
/*       640px       */
/*-------------------*/

@media only screen and (max-width: 640px) {
	#articulos-seleccionados-hemeroteca div#detector-version-movil {
		display: block;
	}

	div#botones-accion-pie {
		width: 100%;
		bottom: 0;
		left: 0;
		right: unset;
		padding: 25px;
		background-color: #fff;
		box-shadow: 0 0 13px 4px rgba(0, 0, 0, 0.13);
	}

	div#botones-accion-pie.botones-accion-pie-sticky {
		position: sticky;
		bottom: 0;
		margin-left: -25px;
		width: calc(100% + 50px);
		margin-bottom: -80px;
		margin-top: 60px;
	}
}

/*-------------------*/
/*       540px       */
/*-------------------*/

@media only screen and (max-width: 540px) {
	#articulos-seleccionados-hemeroteca div.articulo { padding: 15px 20px; column-gap: 20px; }
	#articulos-seleccionados-hemeroteca div.articulo p.titulo-articulo { font-size: 20px; line-height: 25px; }
	#articulos-seleccionados-hemeroteca div.articulo p.autor { font-size: 18px; line-height: 22px; }

	#articulos-seleccionados-hemeroteca div.articulo div.articulo-der {
		display: none;
	}

	#articulos-seleccionados-hemeroteca div.articulo div.articulo-izq-abajo {
		display: flex;
		margin-top: 19px;
		column-gap: 20px;
		align-items: flex-start;
	}

	#articulos-seleccionados-hemeroteca div.articulo p.revista {
		margin-top: 0;
		flex-grow: 1;
	}

	#articulos-seleccionados-hemeroteca div.articulo div.articulo-izq-abajo a.boton-eliminar {
		display: flex;
		flex-shrink: 0;
		flex-grow: 0;
	}

	div#botones-accion-pie {
		padding: 15px;
	}

	div#botones-accion-pie.botones-accion-pie-sticky {
		margin-left: -15px;
		width: calc(100% + 30px);
	}
}

/*-------------------*/
/*       480px       */
/*-------------------*/

@media only screen and (max-width: 480px) {
	#articulos-seleccionados-hemeroteca div#contenedor-header-seccion-principal div#botones-enc-articulos-seleccionados {
		flex-wrap: wrap;
	}

	#articulos-seleccionados-hemeroteca div#contenedor-header-seccion-principal div#botones-enc-articulos-seleccionados a.boton {
		flex-basis: 100%;
	}
}