/* Contenedor: separación entre componentes del sidebar */
.agent-footer-paneles {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

/* Componente panel + body*/

.panel-recursos-ruta-ralarsa {
	background-color: #fff;
	border: 3px solid #013731;
}

.panel-recursos-ruta-ralarsa-heading,
.panel-recurso-ruta-enlace-heading {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 2px;
	color: #fff;
	background-color: #013731;
}

.panel-recursos-ruta-ralarsa-heading strong,
.panel-recurso-ruta-enlace-heading strong {
	font-family: 'Lota Grotesque', sans-serif;
	font-weight: 600;
}

.panel-recursos-ruta-ralarsa-icono,
.panel-recurso-ruta-enlace-icono {
	flex-shrink: 0;
	width: 32px;
	height: 32px;
}

.panel-recursos-ruta-ralarsa-icono img,
.panel-recurso-ruta-enlace-icono img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	mix-blend-mode: screen;
}

.panel-recursos-ruta-ralarsa-body {
	padding: 15px;
}

.panel-recursos-ruta-ralarsa-intro {
	margin: 0;
	color: #333;
	line-height: 1.45;
}

/* Componentes para enlaces */

.panel-recurso-ruta-enlace {
	display: block;
	background-color: #fff;
	border: 1px solid #013731;
	color: inherit;
	text-decoration: none;
}

.panel-recurso-ruta-enlace:hover,
.panel-recurso-ruta-enlace:focus {
	color: inherit;
	text-decoration: none;
}

.panel-recurso-ruta-enlace:hover .panel-recurso-ruta-enlace-heading,
.panel-recurso-ruta-enlace:focus .panel-recurso-ruta-enlace-heading {
	background-color: #012a26;
}

.panel-recursos-ruta-ralarsa-ayuda {
	margin: 0;
	color: #013731;
	font-size: 0.95em;
	line-height: 1.45;
}