/**
 * Estilos frontend del Sidebar Manager.
 *
 * Define la distribución y separación de los banners asignados al sidebar de los contenidos de Actualidad.
 */

.unikal-sidebar-banners {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

@media (max-width: 1024px) {
	.unikal-sidebar-banners {
		gap: 10px;
	}
}

/**
 * Backgrounds dinámicos de los banners.
 */

.unikal-sidebar-banner--basic .unikal-sidebar-banner-content {
	background-color: var(--unikal-sidebar-banner-bg-color);
}

.unikal-sidebar-banner--subscribe .unikal-sidebar-banner-content,
.unikal-sidebar-banner--advertising .unikal-sidebar-banner-content {
	background-image: var(--unikal-sidebar-banner-bg-image);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}